前端性能优化tips

最近闲来无事,本着开源和总结工做的精神,准备写一篇关于前端性能优化的文章。文章参考了O'REILLY《高性能网站建设指南》这本书,有兴趣的朋友能够去参考看看,感受很全面。css

很是强大的Chrome开发者工具
看到一个网站,功能介绍的蛮好蛮全的,没有全面了解过开发者工具的童鞋们能够参考下http://www.css88.com/doc/chro...前端

话很少少,上正题(细节慢慢更新中,工做时忙时闲,状态时懒时勤的,仍是先把全部的列出来吧。。。)chrome

前端部分

  1. 减小HTTP请求
  2. 前端代码压缩
  3. 样式表放在顶部,脚本放在底部
  4. 避免CSS表达式
  5. 使用外部Javascript和CSS
  6. 减小DNS查找
  7. 避免重复脚本

部署运维部分

  1. 使用CDN
  2. 利用缓存,添加Expires头
  3. 使用Gzip
  4. 避免重定向
  5. 配置ETag
  6. HTTP 1.1 keep alive
相关文章
相关标签/搜索