这类问题我又碰上了一次。图片 CDN 开了自动转 avif,首屏大图在浏览器里看着更清晰,LCP 却从 2.1 秒涨到 2.4 秒。抓响应链发现图片多了一次 302 到 avif 地址的跳转。
第一反应是「原图与 avif 地址都进了预加载,重复下载」,验证下来不成立。
把日志和配置对完,能解释这个现象的基本就这几处。转换走 302,首屏多一次往返;avif 编码耗时让首字节变慢;部分爬虫不支持 avif,回退逻辑又慢一轮。
动手时先看图片的完整响应链
curl -sIL https://www.example.com/cover.jpg | grep -i -E 'HTTP|location|content-type'
测两种格式的实际耗时
curl -s -o /dev/null -w '%{time_total} %{size_download}\n' https://www.example.com/cover.avif
随后用
复
测
隔了一天再看,现象没变,说明不是偶发。
那几天正好在做别的变更,先把时间线对齐才敢动手。
改完先别撤,确认这几项。去掉跳转后同一张图的耗时少了 180 毫秒,LCP 回到 2.0 秒,图片体积仍然比 jpg 小一半。
补一句。格式更小不等于更快,多一次跳转和多一轮编码都会吃掉省下来的字节。如果同一现象隔几天又出现,说明根因没找到,别当偶发处理。
