三個指標與達標線
| 指標 | 量度什麼 | 達標（良好） | 需改善 | 差 |
|---|---|---|---|---|
| LCP（最大內容繪製） | 最大元素（通常是 Hero 圖或產品主圖）多久出現 | ≤ 2.5 秒 | 2.5–4 秒 | > 4 秒 |
| CLS（累積版面位移） | 載入過程中內容跳動多少 | ≤ 0.1 | 0.1–0.25 | > 0.25 |
| INP（互動至下一次繪製） | 用戶撳嘢後多久有反應 | ≤ 200 毫秒 | 200–500 毫秒 | > 500 毫秒 |
Google 用真實用戶數據（CrUX）的 75 百分位評分，即是要 75% 用戶的體驗都達標。用 PageSpeed Insights 看「探索你的用戶體驗」部分，不要只是看實驗室分數。
問題一：圖片（影響 LCP 與 CLS）
網店 LCP 元素 9 成是圖片。常見錯誤：原圖 3000px 直接上載、JPG 無壓縮、沒有設定寬高。
修法
- 格式轉 WebP（或 AVIF）：同質素下比 JPG 細 25–35%
- 按顯示尺寸輸出：產品格顯示 400px，就不要給 2000px 的圖。用
srcset提供多個尺寸給瀏覽器選 - 單張控制在 150KB 以下（產品主圖可以 200KB）
- Hero / 首屏主圖加
fetchpriority="high"，其餘圖加loading="lazy" - 每張圖寫明
width與height，瀏覽器預留空間，不會跳動（CLS） - 用 CDN（Cloudflare 等）令圖片由近用戶的節點送出
實測：一間時裝網店產品頁 LCP 由 4.8 秒降至 1.9 秒，純粹靠 WebP + srcset + lazy load。
問題二：字體（影響 LCP 與 CLS）
中文網店特別嚴重：Noto Sans TC 一個字重完整檔案超過 4MB。常見錯誤：載 5 個字重、用 font-display: block（文字等字體載完先出現）、字體由 Google Fonts 載但沒有預連接。
修法
- 只載需要的字重：一般標題 700 + 內文 400 已足夠
- 子集化：用 Google Fonts 的
text=參數或工具只保留常用字（繁中常用 3,000–5,000 字），檔案由 4MB 降至 300–500KB font-display: swap：先用系統字顯示，字體載完再換；配合size-adjust減少換字時的跳動<link rel="preconnect">去字體來源- 考慮系統字體：內文用
system-ui, -apple-system, "PingFang TC", "Microsoft JhengHei"，零載入時間，只有標題用網頁字體
實測：由載 4 個字重改為 2 個 + 子集化後，字體總量由 9MB 降至 700KB，LCP 改善 1.2 秒。
問題三：第三方 Script（影響 INP 與 LCP）
這個是網店最大殺手。Facebook Pixel、GA4、Google Ads、TikTok Pixel、WhatsApp Chat Widget、Popup 工具、熱圖、評價 Widget、Live Chat——每樣加 100–500KB JavaScript，而且全部在頁面一開就跑。
修法
- 審計：用 Chrome DevTools → Network 篩選 JS，列出所有第三方 Script 同大小。問自己每一個：真的用緊？有沒有數據證明佢值回成本？
- 刪走沒有用的：好多店有 2–3 個已經不看的工具仲載緊
- 延遲載入非必要 Script：Chat Widget、Popup、熱圖等到用戶捲動或停留 3 秒先載入
- Pixel 用 Google Tag Manager 統一管理，並設定在
DOMContentLoaded後觸發 - Chat 按鈕用靜態 HTML + 點擊時先載入 Widget，不要一開就載 500KB
- 評價 Widget 改用伺服器端輸出（平台內建評價），不要用第三方 JS 嵌入
實測：一間美容網店由 11 個第三方 Script 減至 5 個並延遲載入後，INP 由 480 毫秒降至 160 毫秒，手機轉換率升 18%。
其他常見問題
- Banner 輪播：自動輪播的大圖是 LCP 殺手，考慮改為單張靜態 Hero 圖
- Cookie 橫幅 / 公告列：載入後先插入會推動內容（CLS），要預留空間
- 未壓縮 CSS / JS：平台應該自動 minify 同合併
- 沒有瀏覽器快取：靜態資源設定長期快取（1 年）
檢查流程
- PageSpeed Insights 測首頁、一個分類頁、一個產品頁（手機）
- 看「探索你的用戶體驗」（真實數據）同「診斷」（具體問題）
- 用上面三類修法逐項處理
- 兩星期後再測（CrUX 數據有 28 日滯後）
- Search Console「網站使用體驗核心指標」報告看全站狀況
常見問題
我用開店平台，好多嘢無法更改怎麼辦？
圖片與第三方 Script 商戶自己可以控制（上載前壓縮、減少 Pixel）。字體、CSS、伺服器速度是平台責任——如果平台本身不達標，換平台是唯一方法。
Core Web Vitals 對排名影響有幾大？
是排名因素但不是最大。真正的影響是轉換率與跳出率——快 1 秒的店賺多 7%，這個比排名更實在。
要不要追求 100 分？
不需要。三個指標達「良好」（綠色）已足夠，之後的改善邊際效益細。
SEO Shop 全部主題預設 WebP、srcset、字體子集化與第三方 Script 延遲載入，手機 LCP 中位數 1.8 秒。了解網店設計與主題。
