報價單上那一行「效能優化」，到底在優化什麼
廠商指著報價單說：「這裡是 Core Web Vitals 優化，LCP 壓到 2.5 秒、INP 控制在 200 毫秒、CLS 不超過 0.1。」你點頭記下數字，心裡卻在想：這三個差在哪？改完怎麼驗收？
它們得一起講，因為量的是同一趟造訪的三個階段：東西什麼時候出現、按了有沒有反應、畫面會不會亂跳。再加上實驗室分數 vs 真實用戶數據，你就能判斷廠商交的是成果還是包裝。
LCP：主螢幕什麼時候亮
LCP（最大內容繪製）＝頁面上最大的那塊內容多久才出現。
走進 KTV 包廂，門開了、燈亮了都不算開始——要等最大那面主螢幕亮起，你才覺得「可以唱了」。網頁的主螢幕通常是首圖或標題區塊。
你的醫美診所首頁放了一張 6MB 療程照，客人用 4G 點進來先看三秒白畫面：對他來說你的網站就是慢。Google 的門檻是 2.5 秒內良好、超過 4 秒算差；肇因通常三個：大圖沒壓縮、追蹤碼擋住渲染、主機放在美國。
INP：按了遙控器有沒有反應
INP（互動到下次繪製）＝使用者做了動作之後，畫面多久才有回應。
同一個包廂，你按下「切歌」三秒沒動靜會怎樣？狂按，最後一次跳兩首。網頁一樣：客人點「加入購物車」沒反應就再點兩次，後端收到重複請求，重複訂單、重複扣庫存，客服一筆一筆退。
良好門檻是 200 毫秒、超過 500 毫秒算差。它在 2024 年 3 月取代舊的 FID——廠商簡報若還寫 FID，那份範本至少兩年沒更新了。
CLS：畫面會不會突然跳走
CLS（累積版面配置位移）＝載入過程中，元素突然位移的累計程度。
你手指正要按主螢幕上的「原調」，系統跳出促銷訊息把整排按鈕往下擠，你按到的卻是「結束歡唱」。
代價很具體：在你的餐飲加盟官網，客人本來要點「索取加盟資料」，上方 banner 載入完把按鈕推下去，他點到「線上訂位」，一筆潛在加盟主就掉了。
良好門檻是 0.1、超過 0.25 算差。修法很單純：圖片與廣告版位先預留寬高、字體加上 font-display: swap，多半 2 到 4 小時就改完；但沒人做就會一直扣分。
第四個關鍵：實驗室分數 ≠ 真實用戶數據
廠商寄來 Lighthouse 98 分截圖，你簽了驗收；三個月後 Search Console 卻說「需要改善」。
回到 KTV：廠商測的是試唱——空包廂、機器剛開、光纖網路；客人遇到的是週六晚上九點——滿場、訊號兩格。
- 實驗室數據（Lab）：Lighthouse 單次模擬，除錯好用。
- 真實用戶數據（Field／CrUX）：真實訪客的裝置與網路，取過去 28 天、第 75 百分位，Google 判斷頁面體驗看的就是這一份。
第 75 百分位＝要 75% 的訪客達標才算過關，所以驗收寫「Lighthouse 90 分以上」幾乎沒有約束力。
三者怎麼串在一起
點擊連結 →〔LCP：主畫面出現了嗎〕→ 開始瀏覽 →〔CLS：畫面有沒有跳〕→ 決定行動 →〔INP：按下去有沒有反應〕→ 完成轉換
LCP 決定他願不願意留下，CLS 決定他信不信任頁面，INP 決定他能不能順利付款；任一環斷掉，廣告費就白花。三者修法完全不同——圖片與主機、版面結構、JavaScript——所以廠商分開報價。
名詞速查表
| 名詞 | 白話意思 | KTV 比喻 | 良好門檻 | 常見肇因 |
|---|---|---|---|---|
| LCP | 最大內容多久出現 | 主螢幕多久亮 | ≤ 2.5 秒 | 大圖、主機太遠、腳本擋路 |
| INP | 按下去多久有反應 | 按切歌多久跳 | ≤ 200 毫秒 | JavaScript 太肥 |
| CLS | 畫面跳動的累計程度 | 按鈕被廣告擠走 | ≤ 0.1 | 沒預留版位高度 |
| Lab | 實驗室模擬分數 | 空包廂試唱 | 除錯用 | 單次測試 |
| Field | 真實訪客數據 | 週六晚上滿場 | 排名依據 | 28 天、第 75 百分位 |
常見誤解：90 分就等於很快
不是。很常見的情況是分數 95、真實 LCP 卻 4.2 秒——因為你的客群多用中低階 Android，測試機卻是 MacBook。驗收要看 Search Console 的「網站使用體驗核心指標」報表，不是看截圖。
直接拿去問廠商的 5 個問題
- 驗收標準是 Lighthouse 分數，還是 Search Console 的真實用戶數據？請寫進合約。
- 目前三個指標各卡在哪個數字？行動版與桌機版分開給我。
- LCP 的瓶頸是圖片、主機還是第三方腳本？哪幾支可以延後載入？
- 位移來源是哪些元素？有沒有幫圖片和廣告版位預留高度？
- 優化後有持續監測嗎？三個月後退回去算不算維護範圍？
最後一題最重要：每加一支追蹤碼、每上一波 banner 指標就掉一點，沒監測的優化撐不過兩次改版。
常見問題 FAQ
Core Web Vitals 真的會影響 Google 排名嗎？
會，但它是加分項、不是決定性因素：同類競爭者內容差不多時，慢的那個吃虧。
我沒有技術背景，怎麼自己先看一眼？
到 PageSpeed Insights 輸入網址。上半部若出現「實際使用者體驗」區塊，那就是真實用戶數據，看三個指標是綠、黃還是紅；顯示資料不足代表流量還沒累積到門檻。
換一個「速度很快的模板」就能解決嗎？
不一定。多數問題出在後續加上去的東西——追蹤碼、彈窗、未壓縮的活動圖。模板只決定起跑點，維運習慣才決定三個月後的分數。
想搞懂報價單上的每一個字？
下次廠商再提 LCP、INP、CLS，你可以直接反問：「這是 Lab 還是 Field？第 75 百分位是多少？」光這一句，會議裡的資訊落差就翻轉了。手上有看不懂的報價單，歡迎預約 30 分鐘技術諮詢：
- Email：[email protected]
- 電話：0916-224-047
- LINE：@ufv9089p