7

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

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

话不多少,上正题(细节慢慢更新中,工作时忙时闲,状态时懒时勤的,还是先把所有的列出来吧。。。)

前端部分

  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

桃子_Lisa
1.1k 声望171 粉丝

呼~