码迷,mamicode.com
首页 > 其他好文 > 详细

前端性能优化汇总

时间:2018-03-07 20:19:17      阅读:164      评论:0      收藏:0      [点我收藏+]

标签:dom   nbsp   性能优化   htm   dom节点   服务   表达式   inner   次数   

1、减少HTTP请求次数:css雪碧图,字体图标,代码压缩,图片大小控制,CDN托管、data缓存、图片服务器

2、前端模版+js数据,减少由于HTML标签导致的带款浪费

3、减少页面重绘,用innerHtml替代DOM操作

4、减少IO读取的操作:少用全局变量、缓存DOM节点查找的结果

5、避免使用CSS表达式

6、样式放在顶部、脚本放在底部,图片预加载

7、主体部分不使用table布局,因为table内容要等完全下载完成之后才显示

 

前端性能优化汇总

标签:dom   nbsp   性能优化   htm   dom节点   服务   表达式   inner   次数   

原文地址:https://www.cnblogs.com/z-one/p/8524622.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!