首页 > Web开发 > 详细

web前端性能优化

时间:2016-05-13 10:42:40      阅读:211      评论:0      收藏:0      [点我收藏+]

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!