2020-10-19 19:07发布
1.封装组件
把所有需要复用的功能或网页模板封装成组件，在需要的时候调用它。
2.图片
压缩图片的质量，或者使用打包工具来压缩图片的质量，当图片过小时（小于12k）可以把它转成base64（代码图片，转成base64的好处：减少http请求），或者使用 sprites（精灵图）把网页中需要用的到图片整合到一张图片中，减少http请求的次数。
3.压缩html，js减小大小
4.懒加载(lazy load)
网页不拖动时，未展示的栏目不去(加载)请求，良好的利用服务器资源。
5.设置http缓存
6.减少DOM操作
dom操作是脚本中最耗性能的一个操作，例如：元素的增删改或dom集合的进行的操作
7.将外部脚本置底
不影响html的加载
8.减少作用域链查找
9.不要使用全局变量(能不用的情况下最好不用)
最多设置5个标签!
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',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,'','','/static/images/logo.png', '推荐 小猴子 的问题《你有用过哪些前端性能优化的方法？》','http://www.shouhuola.com/answer/30464/73348.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
1.封装组件
把所有需要复用的功能或网页模板封装成组件，在需要的时候调用它。
2.图片
压缩图片的质量，或者使用打包工具来压缩图片的质量，当图片过小时（小于12k）可以把它转成base64（代码图片，转成base64的好处：减少http请求），或者使用 sprites（精灵图）把网页中需要用的到图片整合到一张图片中，减少http请求的次数。
3.压缩html，js减小大小
4.懒加载(lazy load)
网页不拖动时，未展示的栏目不去(加载)请求，良好的利用服务器资源。
5.设置http缓存
6.减少DOM操作
dom操作是脚本中最耗性能的一个操作，例如：元素的增删改或dom集合的进行的操作
7.将外部脚本置底
不影响html的加载
8.减少作用域链查找
9.不要使用全局变量(能不用的情况下最好不用)
一周热门 更多>