自 2020 年以来，WordPress 的懒加载与 srcset 行为悄然改进了数次。到 2026 年，它的能力已超出大多数主题开发者的想象。本指南将讲解 WordPress 默认会做什么、不会做什么，以及媒体分流插件在其中的定位。
WordPress 默认为你做的事
自 5.5 版起，WordPress 会自动为首屏以下的图片添加 loading=”lazy”。自 6.3 版起，它会尝试跳过 LCP 图片，让其立即加载。这两种行为都可通过过滤器调整。
对大多数主题而言，默认设置是正确的。但在某些自定义主题中，这套启发式判断会失手，导致 LCP 图片被误设为懒加载。
srcset 在 WordPress 中的工作方式
WordPress 在上传时会生成多个图片变体，然后在输出时把它们组合进一个 srcset 属性。现代浏览器会根据视口和像素密度选择合适的变体。只要你使用 the_post_thumbnail 或 wp_get_attachment_image，这一切都是自动完成的。
手写 img 标签的自定义模板往往会跳过这一步。改用这些辅助函数，你就能免费获得 srcset。
让 LCP 图片保持立即加载
最大内容绘制（LCP）图片必须立即加载。如果你的主题误将它设为懒加载，LCP 会明显变差。请在模板中为主视觉图片添加 loading=”eager” 和 fetchpriority=”high”，而不是在标记里改。
此处对主题做一点小小改动，往往能换来整整一秒的 LCP 提升。
为什么分流能让 srcset 明显更快
懒加载和 srcset 都假设图片交付很快。如果你的源站很慢，再巧妙的加载属性也救不了你。Defyn Media Offload 会把每个 srcset 变体重写为 CDN 网址，让浏览器从合适的边缘节点获取合适的尺寸。正是这种组合，在移动端带来了差别。
没有分流，懒加载只是推迟了一个缓慢的请求；有了分流，每个 srcset 变体都会在需要时迅速到达。
常见错误
把 LCP 图片设为懒加载。手写 img 标签时漏掉 srcset。省略 width 和 height 属性，从而引发布局偏移。把过多资源放在 preload 之后，挤占网络带宽。
按顺序修好这些问题，你离一份绿色的 Core Web Vitals 成绩就不远了。
更愿意把这些精细调优交给团队来做？在 Defyn，我们打造并维护快速的 WordPress 网站，把媒体交付从头到尾都处理妥当。
