「與下一個繪製內容互動」功能將正式成為 Core Web Vitals,將於 3 月 12 日取代首次輸入延遲時間。
網站體驗指標計畫會提供指標,協助網頁開發人員評估網站重要面向的使用者體驗。首次輸入延遲時間 (FID) 代表了程式的回應能力,但隨著時間的推移,我們意識到需要一個新指標,才能擷取網路上和 FID 缺乏的互動性面向。Chrome 團隊體認到有這種需求,因此在 2022 年 5 月推出了「與下一個繪製互動 (INP) 互動」這項實驗指標。INP 去年已成為待處理指標,並宣布 INP 將於 2024 年 3 月升級為穩定狀態。
我們今天宣布,INP 將於今年 3 月 12 日正式成為 Core Web Vitals,並取代 FID,且這次的轉換將淘汰 FID。
本文提供了 Chrome 團隊提供的建議,協助您為本次異動做好準備,以及異動生效後的注意事項。
如何做好準備?
這項轉換作業的第一步,是確認網站的 INP 是否通過「良好」門檻。所有網站體驗核心指標,都是依據所有網頁載入在第 75 個百分位數的實際表現進行評分。
如要瞭解網站在 INP 上的成效,最簡單的方法是使用 PageSpeed Insights,這項工具會顯示 Chrome 使用者體驗報告 (CrUX) 中的資料。CrUX 是網站體驗指標計畫的官方資料集,可能為網站的實際資料來源。
另一個欄位資料來源可能是真實使用者監控 (RUM) 供應商,這個供應商也會觀察網站在欄位中的成效。如果您與 RUM 供應商合作,請詢問對方的 INP 支援事宜。
如果您發現網站的 INP 屬於「需要改善」或「不佳」類別,我們準備了下列幾個資源來協助您改善,首先說明如何診斷及排解 INP 問題:
瞭解問題後,您就可以參閱下列指南,找出應針對互動的哪些部分進行最佳化:
- 最佳化長時間工作:如果 JavaScript 會在主執行緒上花費大量時間。如果在網頁載入期間,如果發生大量主要執行緒活動,導致主執行緒上啟動許多長時間的工作,可能是因為指令碼評估工作過多發生問題。
- 如果互動需要較長的時間才會開始處理,請最佳化輸入延遲時間。
- 大型 DOM 可能需要進行大量轉譯工作,而且互動通常會改變 DOM。建議您避免使用大型複雜的版面配置和版面配置異常終止,並盡可能縮減 DOM 大小。
- 如果您使用複雜的 CSS 選取器,這些選取器也可能會針對使用者互動造成大量工作。
- 最後,如果您的網站透過 JavaScript 在用戶端轉譯大部分的 HTML,請務必瞭解用戶端轉譯 HTML 對互動性有何影響。
INP 的複雜性表示可以透過許多方式提升互動性,但值得投入心力。我們也針對《The Economic Times》和 redBus 等多項個案研究,探討如何減少互動延遲來提高業務成果,最佳化網站的 INP,也有助於達成目標。
INP 成為 Core Web Vitals 後會怎麼樣?
值得一提的是,INP 將於今年 3 月 12 日正式成為 Core Web Vitals,並取代 FID。另一項結果是,FID 將不再是 Core Web Vitals,並正式淘汰並從計畫中移除。
因此,FID 說明文件將出現異動。系統會保留關於 FID 的歷來重要文件,但會將重要通知加入壓力 FID 已淘汰的狀態,以及參閱 INP 說明文件。其他以 FID 為主的文件可能會一併移除,並重新導向至相關的 INP 說明文件。
許多 Google 工具仍呈現 FID,但 INP 也是如此。一旦 INP 於 3 月 12 日成為 Core Web Vitals,我們就會將 FID 從 Google Search Console 中移除。所有其他工具 (例如 PageSpeed Insights 和 CrUX) 都會提供六個月的淘汰期,讓開發人員有機會更新程式碼。
最後,如想瞭解 INP 納入 Core Web Vitals 指標對 Google 搜尋的影響,請參閱 Google 搜尋中心的 INP 公告文章。
前方道路
INP 在過去兩年內經過審慎規劃,納入了網站體驗核心指標的納入評估範圍,而這代表了我們邁入一大步。我們相信 INP 完整的網路回應能力,可協助開發人員更準確地評估及改善使用者體驗的這幾項重要因素,進而持續改善網頁回應速度。隨著 INP 在 3 月 12 日成為 Core Web Vitals,希望開發人員能花一些時間瞭解並最佳化自家的 INP 成效。
如有任何問題或疑慮,歡迎前往 web-vitals-feedback@googlegroups.com,提出有關 INP、FID 或 Web Vitals 計畫指標的意見回饋。