最近闲来无事,本着开源和总结工作的精神,准备写一篇关于前端性能优化的文章。文章参考了O'REILLY《高性能网站建设指南》这本书,有兴趣的朋友可以去参考看看,感觉很全面。
非常强大的Chrome开发者工具
看到一个网站,功能介绍的蛮好蛮全的,没有全面了解过开发者工具的童鞋们可以参考下http://www.css88.com/doc/chro...
话不多少,上正题(细节慢慢更新中,工作时忙时闲,状态时懒时勤的,还是先把所有的列出来吧。。。)
前端部分
- 减少HTTP请求
- 前端代码压缩
- 样式表放在顶部,脚本放在底部
- 避免CSS表达式
- 使用外部Javascript和CSS
- 减少DNS查找
- 避免重复脚本
部署运维部分
- 使用CDN
- 利用缓存,添加Expires头
- 使用Gzip
- 避免重定向
- 配置ETag
- HTTP 1.1 keep alive
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。