前端性能优化

最近在对页面做性能方面的优化,主要记录一下可用的优化方案:

1.合并文件以减少http请求
     实现方式:
     1)将多个js,css文件合并为一个文件
     2)将js,css文件的路径合并,用逗号分隔如: http://a.tbcdn.cn/??s/kissy/1.1.6/kissy-min.js,p/et/et.js?t=2012011120110301.js
     2)  合并页面上的背景图到同一张背景图中,通过position定位
 
2. 对js文件,css文件进行压缩; 对图片进行优化
 
3. 添加缓存
     之一:使得ajax可缓存(要考虑缓存时间,缓存失效机制等)
 
4.css样式表写在页面顶部, js脚本写在页面底部
 
5.不要使用css的expression,减少iframe的使用
 
6. 使用内容发布网络(CDN)
 
7. 减少DNS查找
 
8.避免重定向 
 
9. 减少首屏数据加载; 对非首屏资源如图片等懒加载
原文地址:https://www.cnblogs.com/summer_shao/p/4318519.html