图片优化实战：WebP、懒加载与响应式图片

优化图片往往是零改版提速里收益最大的一块，三招就够。

第一招：转 WebP

同画质体积比 JPG 小 30-50%。批量转换用 cwebp 或在线工具；WordPress 用插件自动双格式输出。

第二招：懒加载

<img src="a.webp" loading="lazy" alt="描述">

一行属性搞定，首屏图片记得不要懒加载（影响 LCP）。

第三招：响应式

<img src="a-800.webp" srcset="a-1600.webp 1600w" sizes="(max-width:768px) 100vw, 800px">

小屏不下大图。验证：DevTools Network 面板看图片实际加载体积，alt 属性同时照顾 SEO 与无障碍。