曾经在前端之巅看过这么一篇文章，标题是《网站性能优化实战——从12.67s到1.06s的故事》，当时我就纳闷了，哪来的网站首屏需要加载12秒，而...
投稿
收录了10篇文章 · 52人关注
-
vue项目封装并发布无限滚动指令优化渲染性能的npm模块
-
使用SQIP工具和交叉点观测器进行渐进式图像加载
前言 点击该链接使用SQIP工具和交叉点观测器进行渐进式图像加载阅读体验会更好 在前面一文使用交叉点观察器延迟加载图像以提高性能中,已经知晓了使...
-
h5报名页性能优化总结最近做了报名页的第三期，就顺手对该项目进行了一些优化。先看h5报名页优化前后性能的对比吧： 。优化前首屏的秒出率大概是30%左右，优化后的首屏秒...
-
原生js之列表优化-无限滚动实例
参考 js实现文字列表无缝滚动效果 参考给出的是一个字幕自动滚动的例子，不过这个例子有个坑，就是#rule必须设置高度，否则的话，看不到滚动的效...
-
基于nodejs的雪碧图制作工具
前颜（yan） 雪碧图（CSS sprite ），就是把很多小图标合并为一张图片。 在Web开发中，使用雪碧图是优化Web性能的一种方法。 比如...
-
CDN简谈及实现原理分析很多人可能不了解cdn，认为自己没用过cdn，其实不然，我们已经在用了。先举个栗子，大家有没有想过为什么双十一的时候这么多人抢购，流量超级大，为...
-
前端｜访问短链接请加斜杠最近leader给我提了一个优化,像访问 https://example.com/acts/alibaba 这样的地址时要写成 https:/...
-
前端｜加载的图片太多或太大如何优化(上)摘要 web性能的终极目标是减少资源到客户端的延迟,但是我们在HTTP1.0/HTTP1.1协议中经常会遇到加载的图片太多或者太大导致页面加载完...
-
吞吐率、吞吐量、TPS、性能测试，纸上不谈兵-构建高性能Web站点
一、吞吐率 我们一般使用单位时间内服务器处理的请求数来描述其并发处理能力。称之为吞吐率（Throughput），单位是 “req/s”。吞吐率特...
-
前端工程师需要思考什么
最近心浮气躁，琐事缠身，不能好好的码文字，不能好好的敲代码。看不下去就尝试写下来，用文字整理思路。先给大家推荐一篇文章《怎么判定web前端架构师...
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1881139527',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://upload.jianshu.io/collections/images/27418/7983aab7a2d28a2fc38746243872ab9e.png', '推荐专题《前端性能优化》（ 分享自 @简书 ）','https://jianshuapi.com/c/2a50de9d570e?utm_campaign=maleskine&utm_content=collection&utm_medium=reader_share&utm_source=weibo','页面编码gb2312|utf-8默认gb2312'));){kind=link}