前端性能優化

jopen 11年前發布 | 14K 次閱讀 前端 前端技術

    前端性能優化的重要性:

   1. 關注前端可以很好地提高整天性能。如果我們可以將后端響應時間縮短一半,整體響應時間只能減少5%~10%。而如果關注前端性能,同樣是將其響應時間減少一半,則整體響應時間可以減少40%~45%。

 

   2. 改進前端通常只需要較少的時間和資源,減少后端延遲會帶來很大的改動,

 

   3.  前端性能調整已被證明是可行的,

 

性能黃金法則:

 

    只有10%~20%的最終用戶響應時間花在了下載HTML文檔上,其余的80%~90%時間花在了下載頁面中的所有組件上。

 

前端性能的14條規則:

 

1. 減少HTTP請求;

2. 使用內容發布網絡;

3. 添加Expires頭;

4. 壓縮組件;

5. 將樣式表放在頂部;

6. 將腳本放在底部;

7.避免CSS表達式;

8.使用外部JavaScript和CSS;

9.減少DNS查找;

10. 精簡JavaScript;

11. 避免重定向;

12. 移除重復腳本;

13. 配置ETag

  1. 使Ajax可緩存;
 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!