图片导致 LCP 慢？3 个浏览器本地修复技巧

2026-08-26

LCP（Largest Contentful Paint）是衡量页面加载体验的核心指标，而图片往往是最大的瓶颈。好消息是，有三个修复技巧完全在浏览器本地完成，不需要修改服务器配置。

技巧 1：选择正确的图片格式

WebP 和 AVIF 比 JPG/PNG 小 25-50%，同时保持相同质量。对于 LCP 图片，格式选择可以直接将加载时间减半。使用我们的在线压缩工具可以将 JPG 转换为 WebP，无需上传到服务器。

技巧 2：正确实现延迟加载

LCP 图片不应该延迟加载！但页面中非首屏的图片应该使用 loading='lazy' 属性。正确的做法是：LCP 图片预加载，其余图片延迟加载。这样可以避免错误的优化反而拖慢 LCP。

技巧 3：设置正确的图片尺寸

图片标签中缺少 width/height 属性会导致布局偏移（CLS），也会影响浏览器预加载决策。始终为图片设置明确的尺寸，让浏览器能正确计算布局。