chrome效能指標(TTFB,TTSR,TTDC,TTFL)

看風景就發表於2017-12-20

1.TTFB (Time To First Byte)

是最初的網路請求被髮起到從伺服器接收到第一個位元組這段時間,它包含了 TCP連線時間,傳送HTTP請求時間和獲得響應訊息第一個位元組的時間。
注意:網頁重定向越多,TTFB越高,所以要減少重定向

TTFB優化的方法有:
1.減少DNS查詢
2.使用CDN
3.提早Flush
4.新增週期頭


2.TTSR(Time to Start Render)

TTSR-開始渲染時間,指某些非空元素開始在瀏覽器顯示時的時間,這也是一項重要指標,即TTSR越短,使用者越早瀏覽器中的內容,心理上的等待時間會越短。過多的CPU消耗會拖慢TTSR,所以網站中有大量圖片和指令碼往往會造成不良使用者體驗。

TTSR優化:
1.優化TTFB
2.降低客戶端CPU消耗,即頁面載入初期不要有大指令碼執行,把JS指令碼放到頁面下方
3.使用效率較高的CSS選擇器,避免使用CSS表示式
4.避免使用CSS濾鏡

3.TTDC(Time to Document Complete)

TTDC-文件完成時間,指頁面結束載入,可供使用者進行操作的時間,等價於瀏覽器的onload事件觸發點。TTDC是比較重要的效能優化物件,TTDC越低,頁面載入速度越快,使用者等待時間越短。

TTDC的優化方法有:
1.優化TTFB
2.優化TTSR
3.優化首屏時間,將不必要的頁面載入放到onload事件之後

4.TTFL(Time to Fully Loaded)

TTFL-完全載入時間,指頁面在onload之前和onload事件之後額外載入的內容所花費的時間的總和,即頁面完完全全載入完畢消耗的總時間。

TTFL的優化方法:
1.優化TTFB
2.優化TTSR
3.優化TTDC
4.延遲載入
5.非同步載入
6.按需載入

 

出處:http://www.cnblogs.com/ChandlerVer5/p/TTFB.html

相關文章