前端性能优化

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

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. 减少首屏数据加载; 对非首屏资源如图片等懒加载