Webp on Commentary of Takaohttps://takao.blog/zh-tw/tags/webp/Recent content in Webp on Commentary of TakaoHugo -- gohugo.iozh-TWCommentary of TakaoWed, 15 Jul 2026 22:01:08 +0900優化影像：WebP 與 AVIF 以及響應式尺寸https://takao.blog/zh-tw/web/web-performance-image-optimizations/Tue, 15 Jul 2025 00:00:00 +0900https://takao.blog/zh-tw/web/web-performance-image-optimizations/<img src="https://takao.blog/img/thumbnail/web-performance-image-optimizations-zh-tw.png" alt="Featured image of post 優化影像：WebP 與 AVIF 以及響應式尺寸" /><h2 id="介紹">介紹 </h2><p>優化影像資源是提高 Lighthouse 分數和 LCP（最大內容繪製）等 Web 效能指標最有效的方法之一。</p> <p>在許多 Web 應用程式中，圖像佔總負載大小的一半以上。緩慢的圖像載入時間直接降低了用戶體驗。</p>