前端性能优化汇总

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

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

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

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

5、避免使用CSS表达式

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

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

 

posted @ 2018-03-07 18:37  z春眠不觉晓z  阅读(165)  评论(0编辑  收藏  举报