前端性能優化tips

最近閒來無事，本着開源和總結工做的精神，準備寫一篇關於前端性能優化的文章。文章參考了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