Web Vitals Checker 使用教學
這頁用「看得懂結果、知道下一步」為目標：先用工具抓到指標，再用對應的修復清單把 LCP/INP/CLS 拉回健康範圍。
1) 先跑一次檢查
進入 Web Vitals 檢查，輸入你的網址後查看指標：
- LCP：首屏最大元素何時渲染完
- INP：互動延遲（取代 FID）
- CLS：版面跳動
2) 快速修復清單（最常見）
- 圖片：首屏大圖改用正確尺寸、lazy loading、優先載入（preload）
- JS：拆 chunk、延後非必要 script、移除阻塞主執行緒的重任務
- 字體：使用 font-display: swap，避免 FOIT
- CLS：為圖片/廣告保留尺寸，避免動態插入造成跳動
相關工具
常見問題
關於 Web Vitals 與 SEO 的關聯與判讀。