前端性能优化

时间：2015-03-06 16:16:06 阅读：120 评论：0 收藏：0 [点我收藏+]

标签：

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

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

标签：

原文地址：http://www.cnblogs.com/summer_shao/p/4318519.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行