圖片如何影響 Core Web Vitals，以及如何修正
大多數 LCP（Largest Contentful Paint）不合格都是圖片造成的。如果你的 Core Web Vitals 是紅色，原因很可能就在圖片。以下是具體的修正方法。
立即試用 - 免費，無需註冊。
智慧壓縮圖片 →圖片與 LCP（Largest Contentful Paint）
LCP 衡量畫面上最大的可見元素何時載入完成。大多數頁面上，那就是一張圖片。Google 希望 LCP 低於 2.5 秒。
如何修正 LCP：
圖片與 CLS（Cumulative Layout Shift）
CLS 衡量意外的版面位移。沒有指定尺寸的圖片在載入時會讓頁面跳動。
如何修正 CLS：
- 一定要設定 width 和 height：
<img width="800" height="600"> - 使用 CSS aspect-ratio：以
aspect-ratio: 16/9;作為現代化的替代方案 - 首屏避免延遲載入：不要在主視覺圖片加上
loading="lazy"
快速修正清單
- 用智慧壓縮處理所有圖片（自動最佳畫質）
- 依實際顯示尺寸調整大小
- 為所有
<img>標籤加上 width/height 屬性 - 預先載入你的 LCP 圖片
- 首屏以下的內容全部延遲載入
- 在 PageSpeed Insights 重新測試
常見問題
怎樣的 LCP 分數算好？
低於 2.5 秒為「良好」（綠色），2.5-4 秒為「需要改善」（黃色），超過 4 秒為「不佳」（紅色）。光是最佳化圖片，就常常能讓你從紅色變成綠色。
所有圖片都應該延遲載入嗎？
不！首屏的圖片（尤其是主視覺/LCP 圖片）不要延遲載入。只對一開始在畫面外的圖片使用延遲載入。過度延遲載入反而會拖累 LCP。
準備好了嗎？100% 免費，在瀏覽器中執行。
智慧壓縮圖片 →