cwebp -q 80 logo.png -o logo.webp ls -lh logo.png logo.webp
首页一共 12 个请求，logo.png 一个占 1.8MB，PageSpeed 里直接标红，移动网络下这张图要 2 秒才出来。这类现象通常不是突然出现的，往前翻半天日志能看到苗头。
追下去是这么回事：设计导出的原图是 4000px 宽带透明通道的 PNG，上传前没做尺寸和压缩。透明通道让 PNG 压不下去，而实际显示宽度只有 160px。
这次卡住的地方就在「图标体积」这一环，单独把它拎出来验证，别和其他改动混在同一次发布里。权限不要一口气开到最大，先加到够用再往上试，范围小才好收。
把复现步骤压到三条以内，交给同事也能跑出来，才算真的定位清楚。改动写完就同步给同事，下一个人踩同一个坑，成本还是你的。
验证用真实数据走一遍，测试数据太干净，边界情况根本碰不到。
处理上按这个顺序：按最大显示尺寸的两倍导出 320px 就够；能转 SVG 就转 SVG 体积能降到几 KB；必须位图就用 WebP 或 AVIF 并留 PNG 兜底；上传前跑一遍压缩 目标 50KB 以内。
确认没问题再收工，logo 从 1.8MB 降到 40KB 左右 首屏少等 1.8 秒。