Google 宣布將於 2024 年 3 月 12 日更新核心 Web Vitals 指標，並將首次輸入延遲 (FID) 替換為與下一次繪製的交互 (INP)。INP 是一種新的指標，用於衡量用戶與網頁互動後，網頁內容更新的速度。

INP 的定義與重要性

INP 代表「與下一次繪製的互動」，是一種新的 Google 核心 Web Vitals 指標，用於衡量導致網站延遲的用戶互動。 INP 測試衡量用戶與網站互動（例如點擊某物）和內容在視覺上更新以響應之間需要多長時間。 這種視覺更新稱為“下一次繪製”。 例如，用戶可能會在網站上提交聯絡表單、點擊按鈕或選擇在燈箱中開啟的圖像。 INP 測試將衡量用戶執行這些互動和實際看到網站上的更新內容之間所花費的時間。

然後，Google 測試會根據網站上大多數用戶互動的持續時間得出一个 INP 分數。分數將為“好”、“需要改進”或“差”，取決於網站在視覺上更新所需的時間。

INP 分數很重要，因為它可以反映網站對使用者輸入的反應速度。 如果 INP 分數較低，則表示網站對使用者輸入的反應速度較快，這會為使用者帶來更好的體驗。

INP 與 FID 的比較

INP 取代了 FID 成為核心 Web Vitals 指標之一。 FID 代表「首次輸入延遲」，也是一種用來衡量網頁互動性的指標。 FID 測量使用者首次與網頁互動（例如點擊按鈕或輸入文字）後，瀏覽器開始處理事件所需的時間。

INP 與 FID 的主要區別在於，INP 會考慮網頁的渲染時間。 因此，INP 分數通常會比 FID 分數更高。 此外，INP 會測量所有使用者互動的時間，而 FID 只會測量第一次使用者互動的時間。 因此，INP 可以更準確地反映出網頁的整體互動性。

如何改善 INP 分數

網站管理員和開發人員可以採取以下措施來改善 INP 分數：

• 減少 JavaScript 的使用
  • JavaScript 可以讓網頁更加動態和互動，但它也會增加網頁的載入時間和複雜性。 過多或不必要的 JavaScript 會導致 INP 分數下降。
• 優化 CSS 的使用
  • CSS 可用於控製網頁的版面和樣式。 過多的 CSS 規則會增加網頁的載入時間，並導致 INP 分數下降。
• 使用圖像壓縮
  • 圖像文件通常是網頁上最大的文件類型。 壓縮圖像可以減少它們的尺寸，並加快網頁的載入速度，從而提高 INP 分數。
• 啟用瀏覽器緩存
  • 瀏覽器緩存可以儲存網頁的靜態資源，例如圖像和 JavaScript 檔案。 啟用瀏覽器快取可以減少重複下載這些資源所需的時間，並提高 INP 分數。

INP 更新對 SEO 的影響

Google 將 INP 納入核心 Web Vitals 指標，意味著 INP 分數將成為 SEO 排名的重要因素。因此，網站管理員和開發人員應採取措施改善其網站的 INP 分數。

結語

Google 更新核心 Web Vitals 指標，旨在為使用者提供更好的網頁體驗。INP 的更新將有助於網站管理員和開發人員更有效地衡量和改善網頁的互動性。

以下是改善 INP 分數的其他建議：

• 使用性能分析工具來監控網站的 INP 分數。
• 進行 A/B 測試以找出哪些優化措施可以對網站產生最大的影響。
• 遵循 Google 的最佳做法來改善網頁性能。

通過採取這些措施，可以提高網站的 INP 分數，並為用戶提供更好的體驗。