图片是提升用户体验的关键，但也是拖慢网站速度（尤其是 LCP）的罪魁祸首。正确的技术图片优化可以显著提高 SEO 表现。
图片优化的 5 大步骤：
- 选择现代格式： 优先使用 WebP 格式，其文件大小通常比 JPEG 或 PNG 小 25-35%。
- 压缩： 使用无损或有损压缩工具将文件大小最小化。
- 响应式图片： 使用
<picture>标签或srcset属性，根据用户设备提供不同分辨率的图片。 - 延迟加载 (Lazy Load)： 对首屏以外的图片使用
loading="lazy"属性。 - 设置尺寸： 始终在
<img>标签中设置width和height属性，以防止 CLS (Cumulative Layout Shift)。
LCP 与图片
如果 LCP 元素是图片，应确保该图片不会被延迟加载，并且使用 <link rel="preload"> 预加载该 LCP 图片，以便浏览器尽快开始渲染。