Core Web Vitals 是 Google 用來衡量真實頁面體驗的可量化訊號，並且會計入排名。達標並不是為了追求一個綠色分數本身，而是打造一個載入快、回應即時、使用者操作時不會四處跳動的網站。本指南將講解 2026 年這三項指標的現況，更重要的是講解真正能推動每項指標的修復方法。

重點（TL;DR）

  • 三項 Core Web Vitals 是 LCP（載入）、INP（回應性）和 CLS（視覺穩定性）。INP 已於 2024 年取代 FID 成為一項 Core Web Vital
  • 「良好」門檻：LCP 低於 2.5 秒，INP 低於 200 毫秒，CLS 低於 0.1，在真實造訪的第 75 百分位測量
  • 影響最大的修復是最佳化最大的圖片或文字區塊、縮減並拆分 JavaScript，以及為圖片、廣告和嵌入內容預留空間
  • 使用實地資料（真實使用者），而不僅是實驗室測試，因為 Google 依真實效能排名

三項 Core Web Vitals（2026）

Largest Contentful Paint (LCP): 載入

LCP 衡量最大的可見元素（通常是主圖、橫幅或大塊文字）算繪出來所需的時間。良好：低於 2.5 秒。

Interaction to Next Paint (INP): 回應性

INP 衡量在整個造訪過程中頁面對使用者互動的回應速度，並於 2024 年取代了較早的 First Input Delay (FID) 指標。它捕捉從點按或點擊到下一次視覺更新之間的延遲。良好：低於 200 毫秒。

Cumulative Layout Shift (CLS): 視覺穩定性

CLS 衡量頁面在載入過程中意外偏移的程度（當延遲載入的圖片或廣告把內容往下推時那種惱人的跳動）。良好：低於 0.1。

Google 在真實造訪的第 75 百分位評估這些數值，因此你需要讓大多數使用者（而不僅是最快的那些）都獲得良好體驗。

修復 LCP

  • 最佳化 LCP 元素。 找出它（多數工具會指明），並讓它快速載入：壓縮並正確設定圖片尺寸，提供現代格式（WebP/AVIF），避免對主圖使用延遲載入。
  • 提供響應式圖片， 使用正確的 srcset，讓裝置下載尺寸合適的檔案而非超大檔案。（參見處理響應式圖片 指南。）
  • 加快伺服器回應（TTFB），使用快取和 CDN，讓文件盡快抵達。
  • 預先載入關鍵資源（LCP 圖片、關鍵字型），並盡可能消除阻擋算繪的 CSS 和 JavaScript。
  • 使用快速的圖片管線。 透過像 Cloudflare image transformations 這樣的最佳化服務來提供圖片，可即時調整尺寸並壓縮。

修復 INP

  • 減少 JavaScript 的執行。 沉重的指令碼會阻擋主執行緒並延遲回應。傳送更少的 JavaScript，並移除未使用的程式碼。
  • 拆分長工作。 把長時間執行的工作分塊，讓瀏覽器能在各塊之間回應輸入。
  • 延後非關鍵工作至互動之後，並避免龐大的同步處理常式。
  • 稽核第三方指令碼。 標籤管理員、聊天小工具和分析工具是常見的 INP 元兇；有效率地載入它們，或移除你不需要的部分。

修復 CLS

  • 一律為圖片和影片設定寬度和高度（或 CSS aspect-ratio），讓瀏覽器預留空間。
  • 為廣告、嵌入內容和 iframe 預留空間， 使它們載入時不會推擠內容。
  • 避免在載入後於現有內容上方插入內容。
  • 預先載入字型並合理使用 font-display， 以減少因字型延遲載入而產生的版面位移。

用正確的方式測量

  • 實地資料優於實驗室資料。 Google 依據真實使用者（實地）資料排名，例如 Chrome User Experience Report ，而非單次實驗室執行。實驗室分數再完美，若實地資料糟糕也無法達標。
  • 關注第 75 百分位。 僅改善中位數還不夠；較慢的那四分之一造訪才是讓你失敗的原因。
  • 在真實裝置和網路上測試， 尤其是中階手機，而不僅是一台快速的桌機。

關鍵重點

  • 2026 年的三項 Core Web Vitals 是 LCP、INP（已取代 FID）和 CLS。
  • 在真實造訪的第 75 百分位上，力求 LCP 低於 2.5 秒、INP 低於 200 毫秒、CLS 低於 0.1。
  • 最大的收益：最佳化 LCP 元素和圖片，為 INP 縮減並拆分 JavaScript，為 CLS 預留空間以阻止版面位移。
  • 以實地資料判斷成敗，而不僅是實驗室分數。

取得專業評估

Core Web Vitals 只是技術 SEO 的一部分。技術 SEO 稽核 在涵蓋 Core Web Vitals 的同時，還包括檢索預算、索引、網站架構、JavaScript 算繪和結構化資料，並附上基於真實排名影響的優先行動計畫。如果速度是你的主要顧慮，用 Cloudflare 為網站提速 指南會更深入地探討效能。

常見問題（FAQ）

2026 年的三項 Core Web Vitals 是什麼？ 用於載入的 Largest Contentful Paint (LCP)、用於回應性的 Interaction to Next Paint (INP)，以及用於視覺穩定性的 Cumulative Layout Shift (CLS)。INP 已於 2024 年取代 First Input Delay (FID) 成為一項 Core Web Vital。

良好的 Core Web Vitals 分數是多少？ LCP 低於 2.5 秒，INP 低於 200 毫秒，CLS 低於 0.1，在真實使用者造訪的第 75 百分位測量。你需要讓大多數訪客（而不僅是最快的）達到這些數值。

Core Web Vitals 會影響 Google 排名嗎？ 會。它們是 Google 頁面體驗訊號的一部分。它們不是唯一或最強的排名因素，但對於競爭激烈的查詢，良好的頁面體驗是一項有意義的優勢，糟糕的體驗則會拖累你。

為什麼我的網站在實驗室通過，卻在 Search Console 失敗？ 因為 Google 使用來自真實使用者的實地資料，而非單次實驗室測試。真實裝置、網路和第 75 百分位會暴露快速測試機所掩蓋的問題。請針對真實條件進行最佳化。

改善 Core Web Vitals 最快的方法是什麼？ 通常是最佳化 LCP 元素（壓縮並設定最大圖片的尺寸，避免對其延遲載入）並減少 JavaScript。對於 CLS，為圖片設定尺寸，並為廣告和嵌入內容預留空間。