1、减少HTTP请求次数:css雪碧图,字体图标,代码压缩,图片大小控制,CDN托管、data缓存、图片服务器
2、前端模版+js数据,减少由于html标签导致的带款浪费
3、减少页面重绘,用innerHtml替代DOM操作
4、减少IO读取的操作:少用全局变量、缓存DOM节点查找的结果
5、避免使用CSS表达式
6、样式放在顶部、脚本放在底部,图片预加载
7、主体部分不使用table布局,因为table内容要等完全下载完成之后才显示
Posted z-one
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端性能优化汇总相关的知识,希望对你有一定的参考价值。
1、减少HTTP请求次数:css雪碧图,字体图标,代码压缩,图片大小控制,CDN托管、data缓存、图片服务器
2、前端模版+js数据,减少由于html标签导致的带款浪费
3、减少页面重绘,用innerHtml替代DOM操作
4、减少IO读取的操作:少用全局变量、缓存DOM节点查找的结果
5、避免使用CSS表达式
6、样式放在顶部、脚本放在底部,图片预加载
7、主体部分不使用table布局,因为table内容要等完全下载完成之后才显示
以上是关于前端性能优化汇总的主要内容,如果未能解决你的问题,请参考以下文章