关于图片懒加载和 LCP 的几点实测

列表页 12 张封面图全量加载，LCP 890ms；改成首屏 fetchpriority="high" + 其余 loading="lazy" 后 410ms。

结论

• loading="lazy" 对首屏图是负优化，务必排除
• 首屏封面用 AVIF，宽度给到 800px 足够
• width/height 显式声明，CLS 从 0.21 掉到 0.02
• CDN 回源时间比格式收益更大，先解决缓存命中

<img src="/usr/uploads/2026/10/cover.avif" width="800" height="450"
     fetchpriority="high" decoding="async" alt="封面">