前端性能优化汇总

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

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

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

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

5、避免使用CSS表达式

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

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

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