預估輸入延遲時間

預估輸入延遲時間是 Lighthouse 報表的「Performance」部分追蹤的六項指標之一。每項指標都會擷取網頁載入速度的部分面向。

Lighthouse 報表會顯示預估輸入延遲時間 (以毫秒為單位):

Lighthouse Estimated Input Latency 稽核螢幕截圖

預估輸入延遲時間會測量的項目

預估輸入延遲時間是指在頁面載入的最忙碌 5 秒內,應用程式回應使用者輸入內容的預估時間。這項稽核作業的時間是從首次測量所需時間到追蹤記錄結束時,也就是互動時間後約 5 秒。如果延遲時間超過 50 毫秒,使用者可能會覺得應用程式延遲。

RAIL 效能模型建議應用程式在 100 毫秒內回應使用者輸入內容,而 Lighthouse 的預估輸入延遲時間目標分數則為 50 毫秒。為什麼?Lighthouse 會使用 Proxy 指標 (主要執行緒的可用性),評估應用程式回應使用者輸入內容的程度。

Lighthouse 假設您應用程式需要 50 毫秒才能完全回應使用者輸入內容 (包括執行任何 JavaScript 執行作業,或將新像素實際繪製至畫面)。如果主執行緒無法使用的時間達 50 毫秒以上,應用程式就無法保留足夠時間完成回應。

約有 90% 的使用者遇到 Lighthouse 回報的輸入延遲時間 (或更短) 的情況。10% 的使用者預期延遲時間可能較長。

如何改善預估輸入延遲時間分數

如要讓應用程式更快回應使用者輸入內容,請最佳化程式碼在瀏覽器中的執行方式。請參閱 Google 轉譯效能頁面說明的一系列技巧。這些訣竅包括卸載運算、將網路工作站釋出空間、重構 CSS 選取器來執行較少計算,以及使用 CSS 屬性盡量減少大量瀏覽器作業。

如何手動評估預估輸入延遲時間

如要手動測量預估輸入延遲時間,請使用 Chrome 開發人員工具的時間軸進行錄製。如需工作流程範例,請參閱「減少主執行緒工作」。基本概念是開始記錄,執行要測量的使用者輸入內容、停止記錄,然後分析火焰圖,確保像素管道的所有階段在 50 毫秒內完成。

資源