## 目錄索引
- [什麼是 Core Web Vitals？](#什麼是-core-web-vitals)
- [三項指標詳細說明](#三項指標詳細說明)
- [如何檢測你的 Core Web Vitals 分數](#如何檢測你的-core-web-vitals-分數)
- [台灣網站常見速度問題與解法](#台灣網站常見速度問題與解法)
- [Core Web Vitals 與 SEO 排名的關係](#core-web-vitals-與-seo-排名的關係)
- [常見問題](#常見問題)

## 什麼是 Core Web Vitals？

Core Web Vitals 是 Google 在 2021 年正式納入排名演算法的三項網站體驗指標，用來衡量真實使用者在你的網站上的體驗品質。

這三項指標聚焦在使用者最在意的三個面向：**頁面載入多快、互動反應多靈敏、畫面是否穩定不跳動**。

Google 將分數分為三個等級：
- **良好（Good）**：達到優化目標，對排名有正面加分
- **需要改善（Needs Improvement）**：尚可但有進步空間
- **差（Poor）**：影響使用者體驗，對排名有負面影響

## 三項指標詳細說明

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

**衡量什麼：** 頁面主要內容（通常是最大的圖片或文字區塊）完全顯示所需的時間。

**達標標準：**
- 良好：2.5 秒以內
- 需要改善：2.5 至 4.0 秒
- 差：超過 4.0 秒

**最常見的 LCP 元素：** 頁首的大圖輪播、首屏主視覺圖片、大型文字標題區塊。

**影響 LCP 的主要原因：** 圖片未壓縮、沒有使用 WebP 格式、伺服器回應時間慢、未啟用瀏覽器快取。

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

**衡量什麼：** 使用者點擊按鈕、輸入文字等互動操作後，頁面回應並更新畫面所需的時間。2024 年 INP 正式取代 FID 成為 Core Web Vitals 指標。

**達標標準：**
- 良好：200 毫秒以內
- 需要改善：200 至 500 毫秒
- 差：超過 500 毫秒

**影響 INP 的主要原因：** 大量 JavaScript 執行阻塞主執行緒、第三方腳本（如廣告、聊天插件）拖慢回應速度。

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

**衡量什麼：** 頁面載入過程中，版面突然跳動、元素移位的程度。例如正要點擊某個按鈕，突然插入一張廣告圖片導致按鈕移位。

**達標標準：**
- 良好：0.1 以下
- 需要改善：0.1 至 0.25
- 差：超過 0.25

**影響 CLS 的主要原因：** 圖片沒有設定寬高屬性、字體載入時文字突然跳動、廣告版位沒有預留空間。

## 如何檢測你的 Core Web Vitals 分數

**Google Search Console（最重要）**
登入後進入「體驗 → Core Web Vitals」，可以看到網站所有頁面的實際用戶數據（Field Data），分為手機版和電腦版。這是 Google 排名演算法實際使用的數據。

**PageSpeed Insights**
輸入網址即可取得 LCP、INP、CLS 的實測分數與改善建議，同時顯示實驗室數據（Lab Data）和真實用戶數據（Field Data）。

**Chrome DevTools**
打開瀏覽器開發者工具，在 Lighthouse 標籤頁可以進行本地測試，快速找出效能瓶頸。

## 台灣網站常見速度問題與解法

**問題一：圖片太大，格式老舊**

台灣企業網站最常見的問題。拍攝的 JPEG 圖片動輒 3–5 MB，嚴重拖慢 LCP。

解法：
- 將所有圖片轉換為 WebP 格式（同等品質下比 JPEG 小 30%）
- 上傳前壓縮圖片，全尺寸圖片建議控制在 200KB 以內
- 在 `<img>` 標籤加入 `width` 和 `height` 屬性，改善 CLS

**問題二：沒有使用 CDN**

台灣企業的網站伺服器通常只有一個位置（台灣或日本），海外訪客或連線品質差的用戶體驗很差。使用 Cloudflare 等免費 CDN 服務，可將靜態資源分發到離用戶更近的節點，LCP 通常可改善 0.5–1 秒。

**問題三：過多第三方腳本**

Google Analytics、Facebook Pixel、LINE Tag、各種聊天插件，每個腳本都會消耗載入資源。建議：
- 只保留必要的追蹤腳本
- 使用 Google Tag Manager 統一管理，並設定延遲載入（defer/async）
- 定期審查是否有不再使用的舊腳本

**問題四：主機效能不足**

台灣許多中小企業使用低規格的共享主機，伺服器回應時間（TTFB）超過 1 秒，直接影響 LCP。建議：
- 升級到 SSD 主機或 VPS
- 啟用伺服器端快取（如 Redis）
- 考慮使用台灣或亞太地區的主機服務商

## Core Web Vitals 與 SEO 排名的關係

Google 已確認 Core Web Vitals 是 Page Experience 排名信號的一部分。當兩個內容品質相近的頁面競爭同一個關鍵字排名時，Core Web Vitals 分數更好的頁面會獲得加分。

除了直接的排名影響，網站速度還透過以下方式間接提升 SEO 效果：

- **降低跳出率**：頁面超過 3 秒才載入，跳出率提升 32%（Google 數據）
- **提升轉換率**：速度每提升 0.1 秒，電商轉換率平均提升 8%
- **增加爬取預算**：速度快的網站 Googlebot 每次爬取能訪問更多頁面，有助新內容被快速收錄