web前端性能优化

标签：

1、减少HTTP请求次数

• 图片地图
• css  sprites 合并图片，通过制定css的background-image和background-position来显示元素。
• 合并脚本和样式表

2、使用内容分发网络

3、添加Expires头

4、压缩组件

• 压缩html，js，css，xml

5、网站样式和脚本

• 讲样式表放在顶部
  • 可视性回馈的重要性（->用户）
  • 将没有立即使用的css放在底部是错误的做法
  • 无样式内容的闪烁
  • css的最佳位置link放在文档head中
• 将脚本放在底部
  • 并行下载
  • 脚本阻塞下载
• 使用外部javascript和css

6、减少DNS查找、避免重定向

7、精简js移除重复脚本

8、配置ETag

9、图像和Cookie优化

web前端性能优化

标签：

原文地址：http://www.cnblogs.com/lifeisok/p/5486595.html