標籤：圖片優化

• 

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

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

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

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

查看 所有標籤。