標籤：PageSpeed

• 

  PageSpeed Insights 與 Core Web Vitals 2026 完全指南

  解讀 PSI 實地數據與 Lighthouse 差異、LCP/INP/CLS 門檻、WordPress 優化 Checklist，取代已過時的 FID 指標
• 

  圖片最佳化與 CLS 解決方案：用 width、height 預防網頁版面跳動

  靜態網站圖片最佳化實戰：用 width、height 或 aspect-ratio 預留版面，降低 CLS 版面跳動；同時符合顯示寬、壓縮檔案大小，並介紹如何用 Eleventy Image 自動產生多種尺寸。
• 

  GTM 延遲載入：用 requestIdleCallback 降低 PSI 的 TBT

  Google Tag Manager 會和首屏資源搶頻寬，也可能增加 TBT 與 INP。本文用 requestIdleCallback、互動觸發與 timeout，示範如何延遲載入 GTM，並驗證效能與轉換資料的取捨。
• 

  LCP 優化實戰：首屏別 lazy-load，用 fetchpriority 把關鍵資源拉上來

  靜態站 LCP 優化實戰：找出真正的 LCP 元素、避免主視覺圖被 lazy-load，並用 fetchpriority 與 preload 提升關鍵資源優先級，同時排除 render-blocking 造成的延遲。

查看 所有標籤。