Favicon02

INP、FID 介紹:Google 為何改用 INP 取代 FID?

以下說明 FID (First Input Delay) 與 INP (Interaction to Next Paint) 的內容,幫助你輕鬆學會這兩個指標。

FID (First Input Delay) 與 INP (Interaction to Next Paint) 是 Google Core Web Vitals 中的重要指標,用於衡量網頁性能和用戶體驗。

FID 曾是核心指標之一,但自 2024 年 3 月起,INP 正式取代 FID,成為新的穩定指標。

以下說明 FID (First Input Delay) 與 INP (Interaction to Next Paint) 的內容,幫助你輕鬆學會這兩個指標。

以下是粗暴但實用的解釋,希望能幫你更快了解 FID 與 INP 的差異,以及為什麼 Google 想換指標。


快速摘要

  • FID(First Input Delay)只管使用者「第一次」互動的延遲,不能反映整場使用者互動體驗。
  • INP(Interaction to Next Paint)會監控整個使用期間的「所有互動」,並看哪一次延遲最久,作為最終分數。
  • 所以如果你關心「整體互動速度」而不只第一次,Google 推薦優先關注 INP。

延伸閱讀:《網站使用體驗核心指標(CWV):LCP、FID、CLS、INP 白話文介紹

Inp Timeline


FID 是什麼?為什麼不夠好?

FID(First Input Delay)定義

FID 量測的是:使用者跟網頁第一次互動(例如點一下、按鍵盤)後,到瀏覽器開始處理這個事件所花的時間。

也就是「我舉手叫服務生」→「服務生開始注意到我」之間的等待。

FID Google 官方說明:《First Input Delay (FID)》。


為什麼 FID 不給力?

只能代表第一次互動:如果網站第一次互動很快,但後面卻卡到不行,FID 還是會「看起來很棒」,結果使用者的整體體驗仍然不好。

沒包含處理完成後的畫面更新時間:FID 只看「瀏覽器什麼時候開始動」,不含「動完之後什麼時候畫面更新完」。對使用者來說,我管你開始多久,我只在意「什麼時候可以使用或看到結果」。

簡單來說,FID 的衡量太片面,無法真實反映整場互動流程的順暢度。


INP 是什麼?為什麼值得關注?

INP(Interaction to Next Paint)定義

INP 會盯住網頁使用期間內所有互動,包含多次點擊、輸入、滑鼠事件等。

最終只看「最差(最久)」的一次互動,作為整體體驗的代表分數。

INP Google 官方說明:《Interaction to Next Paint (INP)》。


INP 測量了哪些?

  • Input Delay:使用者點下按鈕後,瀏覽器開始執行事件的延遲。
  • Event Processing:瀏覽器真正執行事件處理函式的時間。
  • Presentation Delay:處理完後,下一次畫面繪製(畫面更新)所花的時間。

INP 好處

看整場互動,不只第一次:像我前面講的,如果網站第一次互動很爽快,但後來都卡得要命,INP 就會抓到那次的「卡」,算在分數裡。

包含「處理 + 畫面更新」:這更貼近使用者的感受,因為我們終究是想知道「什麼時候畫面真的完成更新」。

聚焦最差體驗:只要有一次被卡爆,INP 分數就上不去,所以開發者得想辦法把所有互動都優化到順順的。

一句話:INP 想確保的是「整體互動都流暢」,而不是「開場看起來很美好,後面就不管了」。


工商時間

如果你想要更系統化、更輕鬆的學好 SEO,推薦你參考我與知識衛星合作的 SEO 線上課程《SEO 排名攻略學:從產業分析到落地實戰,創造翻倍流量》。

這是我的 SEO 集大成之作,讓你從入門到精通,附贈實戰模板跟檢核表,讓你真正學好 SEO。


餐廳範例:用吃飯比喻 FID 與 INP

用更白話的案例來舉例,我們用餐廳來舉例。

FID 的點餐體驗

  • 你剛進餐廳,第一次招手叫服務生。
  • FID 衡量的是「你招手→服務生開始理你」之間的時間。
  • 如果服務生第一下很空閒,馬上過來,FID 就很棒。
  • 但後面你可能想加點、想加水,等很久都沒關係,FID 還是只在意你那個「第一次」。

INP 的點餐體驗

  • 同一家餐廳,還是一樣招手叫服務生。
  • 這次不只第一次,之後每一次叫服務生都被監控。
  • INP 記錄從你開口「我要叫服務生」開始,到「他處理完並送到你面前」的整段時間。
  • 最後只看「最久」的一次,作為分數。假設有一次你等了 10 分鐘才有人理你,INP 就會很差。

這樣你就知道,FID 僅代表「第一次打招呼的感覺」,INP 則是反應「整場用餐服務品質」。


為什麼 Google 要用 INP 取代 FID?

更全面:我們都知道,使用者不只會跟網站互動一次,後續的操作才是重點。

更貼近真實體感:看一個網站怎麼從開始處理事件,到畫面真的有反應,這才是「延遲」對人的真實衝擊。

不能只看開局:有些網站開局表現漂亮,後面就爆炸;INP 可以揭露這種「中後期卡頓」問題。


總結

如果你只想知道「這網站第一次互動快不快」,那 FID 就夠了。

但如果你想確保整個操作流程都順暢,INP 才是未來該關注的指標。

Google 要求的是「使用者從頭到尾都要感覺到順暢」,所以才要 INP 這種以「最不順暢一次」來給分的方式,讓開發者重視任何可能的卡頓。

跟上 INP 指標,把你網站的互動變得更順,更讓使用者能「好好用」。

也別忘了,最終目標是讓使用者「真的覺得好用」,而不只是把指標數字搞得好看而已。


工商時間

如果你想要更系統化、更輕鬆的學好 SEO,推薦你參考我與知識衛星合作的 SEO 線上課程《SEO 排名攻略學:從產業分析到落地實戰,創造翻倍流量》。

這是我的 SEO 集大成之作,讓你從入門到精通,附贈實戰模板跟檢核表,讓你真正學好 SEO。

Frank Chiu
Frank Chiu

SEO 顧問、行銷顧問。協助本地企業與跨國企業導入 SEO 跟行銷方案,包括:雀巢、凱基銀行、大人學、居家先生、IKEA、Vocus 等。