fp(first paint):首次繪製時間,這個指標用於記錄頁面第一次繪製像素的時間。
fcp(first contentful paint):首次內容繪製時間,這個指標用於記錄頁面首次繪製文本、圖片、非空白 canvas 或 svg 的時間。
lcp(largest contentful paint):最大內容繪製時間,用於記錄視窗內最大的元素繪製的時間,該時間會隨著頁面渲染變化而變化,因為頁面中的最大元素在渲染過程中可能會發生改變,另外該指標會在用戶第一次交互後停止記錄。
cls(cumulative layout shift):累計位移偏移,記錄了頁面上非預期的位移波動。計算方式為:位移影響的面積 * 位移距離。
tti(time to interactive):首次可交互時間。這個指標計算過程略微複雜,它需要滿足以下幾個條件:
從 fcp 指標後開始計算;持續 5 秒內無長任務(執行時間超過 50 ms)且無兩個以上正在進行中的 get 請求;往前回溯至 5 秒前的最後一個長任務結束的時間。
fid(first input delay):首次輸入延遲時間,記錄在 fcp 和 tti 之間用戶首次與頁面交互時響應的延遲。
tbt(total blocking time):阻塞總時間,記錄在 fcp 到 tti 之間所有長任務的阻塞時間總和。
fmp(first meaningful paint):首次有意義的渲染幀,從頁面加載開始,到大部分或者主要內容已經在首屏上渲染的時間點。
- 編程問答
- 答案列表
Web前端最新優化指標有哪些[朗讀]
加入收藏