图片通常是页面上最重的字节，所以优化它们是最大的 LCP 胜利。三个杠杆：现代格式、响应式尺寸和加载优先级。
现代格式：AVIF / WebP
在同等质量下，AVIF 和 WebP 的压缩体积远小于 JPEG/PNG（AVIF 常比 JPEG 小 50%）。提供它们的同时带上一个回退，让旧浏览器仍能工作：
html
别把一张 2000px 的图片发给一台 400px 的手机。srcset 让浏览器为设备挑选合适的尺寸：
<img
srcset="/p-400.jpg 400w, /p-800.jpg 800w, /p-1600.jpg 1600w"
sizes="(max-width: 600px) 100vw, 800px"
src="/p-800.jpg" width="800" height="600" alt="...">
sizes 告诉浏览器图片渲染时有多宽，以便它选择足够小的最小来源。
fetchpriority="high"、loading="eager"，并考虑加 preload。loading="lazy"，让它在需要之前不被获取。始终保留 width/height 以防止 CLS。
缓慢的 LCP 最常见的原因就是一张过大的主图。了解格式（AVIF/WebP）、用于合适分辨率的 srcset 以及正确的优先级——再加上不去懒加载 LCP 图片——正是面试官期待的实用工具箱，而且它通常是真实站点上单项影响最大的改动。