落地页头图 3.2MB 手机首屏白了两秒才出图

落地页打开先是整块白，两秒后头图才出现，Lighthouse 里那张图的传输体积写着 3.2MB。首屏指标直接掉到红线。碰到这种情况，我一般先确认改动有没有真的生效。

原因不复杂，运营直接上传了相机原图，主题没有生成适配尺寸，srcset 也没输出。首屏图还加了 lazy，浏览器把它排到后面。

「落地页头图过大」这个问题文档写得含糊，实际行为以当前版本为准，别照旧版本的结论套。别只看报错的最后一行，往上看几行，真正的起因通常在上面。

echo wp_get_attachment_image($id, 'large', false, [
  'srcset' => wp_get_attachment_image_srcset($id, 'large'),
  'fetchpriority' => 'high',
  'loading' => false,
]);

同类问题如果隔一段时间又出现，多半是某个定时任务或重启流程把改动冲掉了。把这次用到的命令存进笔记，比记住结论有用，换个环境还能照着走。

改完隔一天再看一次，当场正常不代表能稳住。

具体做法是，上传后生成 1600px 宽的桌面图和 800px 宽的移动图，输出 srcset；首屏图去掉 loading=lazy，加 fetchpriority=high；转成 WebP 或 AVIF，保留原格式兜底。

最后用这个标准收尾，手机上打开落地页，头图在首屏内出现，网络面板显示的实际下载体积小于 300KB。