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、配置etag: Etag 是URL的Entity Tag,用於標示URL對象是否改變,區分不同語言和Session等等
14、使用ajax緩存
http://www.t086.com/article/4877