前端優化（隨時更新補充）

前端優化的策略很多，總結起來主要包括網絡加載類、頁面渲染類、CSS優化類、JS執行類、緩存類、圖片類、架構協議類等。

一、網絡加載類

1. 減少HTTP資源請求次數
2. 減小HTTP請求大小
3. 將CSS或JS放到外部文件中，避免使用或標籤直接引入
4. 避免頁面空的href和src
5. 爲HTML指定Cache-Control或Expires
6. 合理設置Etag和Last-Modified
7. 減少頁面重定向
8. 使用靜態資源分域存放來增加下載並行數
9. 使用靜態資源CDN來存儲文件
10. 使用CDN Combo下載傳輸內容
11. 使用可緩存得AJAX
12. 使用GET來完成AJAX請求
13. 減少Cookie的大小並進行Cookie隔離
14. 縮小favicon.ico並緩存
15. 推薦使用異步JS資源
16. 消除阻塞渲染的CSS及JS
17. 避免使用CSS import引用加載CSS

二、頁面渲染類

1. 將CSS資源引用放到HTML文件頂部
2. JS資源引用放到HTML文件底部
3. 不要在HTML中直接縮放圖片
4. 減少DOM元素數量和深度
5. 儘量避免使用<table>,<iframe>等慢元素
6. 避免運行耗時的JS
7. 避免使用CSS表達式或CSS濾鏡

----------------------------------------------------------------------------------------------------------------------------------

參考資源列表：

http://web.jobbole.com/93665/?utm_source=blog.jobbole.com&utm_medium=relatedPosts