前端性能優化

1.首屏時間 = DNS時間 + 建立連接時間 + 後端響應時間 + 網絡傳輸時間 + 首屏頁面渲染時間

前端優化策略

1、減少http請求:將圖片、js、css合併,對於圖片還可以使用lazy load

5、將樣式表放在頂部,這樣能夠更快的渲染頁面結構,增加用戶體驗

6、將腳本放在底部:不會阻止頁面顯示,也不會阻止組件下載

8、使用外部JavaScript和css :內聯方式瀏覽器不會緩存,每次請求html頁面都會下載JavaScript和css 增加http請求

10、精簡JavaScript和css:將空格和不必要的空行去除,文件小了,就能減少加載時間

2、使用cdn (content delivery network),內容發佈網絡 ,當訪問用戶量增多時,在不同地理位置的服務器上部署內容。cdn是一組分佈在多個不同地理位置的web服務器,更加有效的向用戶發佈內容。cdn用於發佈靜態內容

3、添加expires頭,從而將組件緩存起來,可以設定一個時間,在時間前都可以使用組件的副本,這樣就減少了http請求

4、壓縮組件

7、避免css表達式  求值頻率太高

9、減少dns查找

11、避免重定向,指的是將用戶從一個URL帶到另一個url,會使頁面變慢

12、移除重複腳本,

13、配置etagEtag 是URL的Entity Tag,用於標示URL對象是否改變,區分不同語言和Session等等

14、使用ajax緩存

http://www.t086.com/article/4877


發佈了66 篇原創文章 · 獲贊 6 · 訪問量 5萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章