INP 已取代 FID!網站速度核心指標(Core Web Vitals)是什麼?

INP 已取代 FID!網站速度核心指標(Core Web Vitals)是什麼?
Polly

Polly

5 min read

2024-04-12更新

SEO 新趨勢

# SEO優化

# 技術SEO

網站速度是 SEO 優化技術面的重要項目,網站速度過慢將影響用戶體驗與網站排名,在 2024 年 3 月 Google 正式宣佈 INP 取代 FID,本文將詳細介紹 INP 與其他核心指標。

網站速度核心指標是什麼?

網站速度最直接反應的是「用戶體驗」,試想看看,今天你點進一個網站卻要等 5 至 10 秒,網站才能完整跑出你想要看的內容,那你是不是早就跳出網頁了呢?

因 Google 相當重視使用者體驗,因此在 2021 年宣布 LCP、FID、CLS 為重要的 3 項網站速度核心指標(Core Web Vitals)。

以下利用表格帶你認識 LCP、FID、CLS :

Core Web Vitals定義速度標準
LCP(最大內容繪製)以使用者為中心去測量感知加載速度的重要指標通常網站的加載速度壓在 2.5 秒以內,才會得到較為良好的 LCP 分數;2.6~4 秒以下則為需要改善,4 秒以上就會得到速度低落的結果了。
FID(首次輸入延遲時間)
📣目前已被 INP 取代
以使用者為中心去測量加載響應度的指標。通常速度在 100 毫秒以下是表現良好,101~300 毫秒可能會需要改善,一旦超過 300 毫秒,甚至更久,慢到使用者以為這網站壞掉,那就代表速度太過低落。
CLS(累計版面配置轉移)以使用者為中心去測量視覺穩定性的指標。通常偵測到 0 代表沒有任何位移情形;如果出現正數,在 0.1 以下都算良好,0.1~0.25 會需要改善,0.25 以上就建議趕緊修正吧!

想了解更詳細的網站速度內容,推薦你閱讀此篇文章:網站速度優化怎麼做?網站速度測試3種工具+5大優化網頁速度步驟分享!

2024 年 3 月 INP 正式取代 FID!什麼是 INP?

(一)INP 是什麼?良好的 INP 分數為何?

Google 於 2022 年開始測試新指標 INP(Interaction to Next Paint),並已在近期 2024 年 3 月正式成為網站速度核心指標,並取代 FID。

📌官方 INP 介紹:

INP 會在整個生命週期中,觀察訪客在網頁點選、輕觸和使用鍵盤進行的所有互動,並回報最長持續時間(忽略離群值)。

📌官方良好的 INP 分數標準:

  • 如果 INP 等於或小於 200 毫秒,表示您的網頁回應速度良好。
  • 如果 INP 介於 200 毫秒到 500 毫秒之間,表示網頁的回應時間需要改善。
  • 如果 INP 超過 500 毫秒,表示您的網頁回應速度較慢。

官方良好的 INP 分數標準

(二)為什麼 INP 取代了 FID?INP 與 FID 差異為何?

INP 解決了 FID 已知的限制。

首先,FID 只測量網頁上「第一個」互動的輸入延遲時間,但 INP 會考慮所有頁面的互動,包括從輸入延遲到執行事件處理所需時間,最後直到瀏覽器繪製下一個頁面為止,藉此改善 FID 的限制與離群值問題。

➡️以上內容皆參考官方文件:與下一個顯示的內容互動(INP)

因 INP 正式上線,Welly SEO 建議你近期不妨到 Google Search Console 的「網頁體驗」檢查看看,你的網站是否出現「行動裝置」或「桌面」需要改善的提醒!

因 INP 正式上線,Welly SEO 建議你近期不妨到 Google Search Console 的「網頁體驗」檢查看看,你的網站是否出現「行動裝置」或「桌面」需要改善的提醒!

參考資料1:《Google 搜尋中心》Core Web Vitals 推出 INP

以上就是今天的分享,希望看完這篇文章能讓您更清楚知道最新的網站速度核心指標,如果您想要了解更多 SEO 資訊,或者想要獲取免費的 SEO 健檢報告,都可以透過下方黃色按鈕與 Welly 團隊聯繫!

Polly

Polly

品牌行銷經理

撰寫超過 100+ 篇專業 SEO 文章,負責掌管 Welly 官網的 SEO 專案,成功將 Welly 官網透過 SEO 優化,提升網站 5 萬月流量,並負責將 Welly 香港官網從無到有建置,同時利用 SEO 策略讓新官網每月有破萬曝光。

分享至

img_CTA

台灣最專業的 SEO 行銷團隊!

現在就與 Welly 一起將目標關鍵字攻上 Google 首頁吧!

其他主題

行銷工具

行銷必備工具有哪些? 讓 Welly 幫你統整多種行銷工具教學與介紹文章!

SEM & 廣告

SEM 是什麼?社群廣告如何操作? 想要自學投放廣告必看文章!

SEO Guides

想要提升網站排名, 先從了解 SEO 搜尋引擎優化的基本知識開始!

延伸閱讀
2023 Google Search Central Live 打破 SEO 迷思的 12 個 QA 懶人包!
Polly

Polly

2024-04-12

Polly

Polly

2024-04-26

Kira

Kira

2024-04-12

Polly

Polly

2024-04-12

Polly

Polly

2024-04-12

Polly

Polly

2024-04-12

Polly

Polly

2024-04-12