Core Web Vitals 完整解析：網站速度如何影響 SEO 排名

Core Web Vitals（核心網頁指標） 是 Google 用來衡量網站使用者體驗的三項核心指標。自 2021 年起正式納入排名因素，2024 年更將 INP 取代 FID 成為新的互動性指標。

如果你的企業官網速度太慢，不只使用者會離開，SEO 排名也會受到影響。

Core Web Vitals 是什麼？

Core Web Vitals 是 Google 定義的三項網頁體驗指標，用來評估：

1. 載入速度 — 頁面多快顯示主要內容？
2. 互動性 — 使用者操作後多久有回應？
3. 視覺穩定性 — 載入過程中版面會不會跳動？

這三項指標分別對應 LCP、INP、CLS。

三項指標詳細說明

LCP（Largest Contentful Paint）最大內容繪製

衡量什麼： 頁面主要內容（通常是最大圖片或文字區塊）載入完成的時間。

優化方法：

• 壓縮並使用 WebP/AVIF 格式圖片
• 啟用 CDN（內容傳遞網路）
• 預載入關鍵資源（preload）
• 移除阻擋渲染的 JavaScript 與 CSS
• 使用 Next.js 等框架的圖片最佳化功能

INP（Interaction to Next Paint）互動到下次繪製

衡量什麼： 使用者點擊、輸入或觸控後，頁面多久做出視覺回應。2024 年 3 月起取代 FID。

優化方法：

• 減少第三方 JavaScript（如過多的追蹤腳本）
• 將長任務拆分（code splitting）
• 使用 Web Worker 處理繁重計算
• 避免在主執行緒執行大量 DOM 操作

CLS（Cumulative Layout Shift）累積版面配置位移

衡量什麼： 頁面載入過程中，元素是否意外移動（例如廣告突然插入導致內容跳動）。

優化方法：

• 為圖片與影片設定明確的 width/height
• 為廣告區塊預留固定空間
• 避免在現有內容上方動態插入元素
• 使用 font-display: swap 並預留字型載入空間

如何檢測 Core Web Vitals？

免費工具

1. Google PageSpeed Insights — 輸入網址即可獲得實驗室與實際數據
2. Google Search Console — 「體驗」報告查看全站 Core Web Vitals 狀態
3. Chrome DevTools — Lighthouse 面板進行本地測試
4. WebPageTest — 進階效能分析

實驗室數據 vs 實際數據

• 實驗室數據（Lab Data）：在固定環境下模擬測試，適合開發階段除錯
• 實際數據（Field Data / CrUX）：來自真實 Chrome 使用者，Google 排名依據的是這個

企業官網常見的速度問題

問題 1：圖片過大

企業官網常見未壓縮的高解析度 Banner 與產品圖，單張可能超過 2MB。

解法： 使用 WebP 格式、響應式圖片（srcset）、延遲載入（lazy loading）。

問題 2：過多第三方腳本

Google Analytics、Facebook Pixel、聊天機器人、熱圖工具等，每個都會拖慢速度。

解法： 審查必要性，延遲載入非關鍵腳本，使用 Google Tag Manager 統一管理。

問題 3：伺服器回應慢（TTFB）

Time to First Byte 過長，代表伺服器處理請求太慢。

解法： 選擇效能好的主機、啟用快取、使用 SSR/SSG 預渲染。

問題 4：字型載入造成 CLS

自訂字型載入時，文字先以系統字型顯示，載入後突然切換，造成版面跳動。

解法： 使用 font-display: swap、預載入字型、或使用系統字型堆疊。

Core Web Vitals 優化優先順序

1. 先修 LCP — 影響最大，使用者第一眼感受
2. 再修 CLS — 避免使用者誤點
3. 最後修 INP — 互動體驗，影響深度瀏覽

常見問題 FAQ

Core Web Vitals 不及格會被 Google 懲罰嗎？

不會直接「懲罰」，但會在排名上處於劣勢。同等內容品質下，速度較快的網站排名較高。

手機版和電腦版要分開優化嗎？

Google 採用行動優先索引（Mobile-First Indexing），手機版體驗是主要排名依據。建議優先確保手機版通過 Core Web Vitals。

使用 WordPress 可以達到良好分數嗎？

可以，但需要謹慎選擇主題與外掛，並搭配快取外掛、CDN 與圖片最佳化。若追求極致效能，Next.js 等現代框架更有優勢。

Core Web Vitals 多久更新一次？

Google 的實際數據（CrUX）每 28 天更新一次。優化後需等待約一個月才能在 Search Console 看到改善。

網站速度優化需要多少預算？

自行優化成本較低（主要是時間）。若委外，台灣市場網站效能優化專案約 NT$30,000-100,000，視網站複雜度而定。