1.Time to InteractiveTime to Interactive(TTl,互動時間或稱可交互時間)指的是網(wǎng)頁需要多長時間才能提供網(wǎng)站的交互功能,它是衡量負(fù)載相應(yīng)能力的重要實驗室指標(biāo)。

它有助于確定頁面看起來是交互式但實際上并不是交互式的情況,快速的TT互動數(shù)據(jù)有助于確保頁面的可用性。

TTI的度量標(biāo)準(zhǔn)是從頁面開始加載到頁面主要子資源加載之間的時間,它能夠快速可靠地響應(yīng)用戶輸入的內(nèi)容和信息。

要想提高TTI,可以對以下內(nèi)容進(jìn)行優(yōu)化。

(1)縮小JavaScript文件。

(2)預(yù)先連接到所需的原點。

(3)預(yù)先加載關(guān)鍵請求。

(4)減少第三方代碼的影響。

(5)最小化關(guān)鍵請求深度。

(6)減少JavaScript的執(zhí)行時間。

(7)最小化主線程工作。

(8)保持較低的請求數(shù)量和較小的傳輸量。

2.Total Blocking TimeTotal Blocking Time(TBT)是指首次內(nèi)容渲染(FCP)和可交互時間之間的所有時間段的總和,該數(shù)值以毫秒表示。

TBT衡量的是阻止頁面響應(yīng)用戶輸入(如單擊、屏幕敲擊或鍵盤按壓)的總時間。

通過將FCP和TTI之間的所有長任務(wù)的阻塞部分加到Interactive中,可以計算出總和。

任何執(zhí)行時間超過50毫秒的任務(wù)都是一項長任務(wù),50毫秒之后的時間是阻塞部分。

例如,如果Lighthouse檢測到70毫秒長的任務(wù),則阻止部分將為20毫秒。

TBT是TTI的一個輔助衡量指標(biāo),它有助于量化衡量頁面在變?yōu)榭煽拷换ブ暗姆墙换コ潭取?/p>

如果主線程至少有5秒鐘沒有執(zhí)行長任務(wù),則TTI判定頁面為“可靠的交互”。