Html Wordpress 5.5延迟加载自定义img标记

在自定义img标签上是否有触发Wordpress 5.5延迟加载功能的方法

提到“默认情况下，WordPress将向所有具有宽度和高度属性的img标记添加load=“lazy”

当我尝试通过wp_get_attachment_image（）添加图像时，它确实添加了load=“lazy”和srcset属性，但是当我尝试添加带有宽度和高度设置的普通img标记时，这些属性没有被添加。是否需要另外设置一个类来触发延迟加载？还是还需要别的什么

---

添加图像时，只需手动将

load=“lazy”

属性添加到HTML/code中的图像中，类似于添加高度和宽度的方式，例如

<img src="https://via.placeholder.com/300/" 
     alt="placeholder" 
     width="300" 
     height="110"
     loading="lazy"
 >

浏览器支持

许多浏览器都支持延迟加载，但并非所有浏览器都支持-您可以在此处查看

Wordpress支持的参考资料

作为示例，WordPress 5.5将向以下图像添加loading=“lazy”属性：

• 帖子内容中的图像（

  内容

  ）
• 文章节选中的图像（

  节选

  ）
• 文本小部件中的图像（

  widget\u text\u content

  ）
• 头像图像（

  获取头像

  ）
• 使用

  wp\u get\u attachment\u image（）

  （

  wp\u get\u attachment\u image

  ）模板图像

---

对于任何未以这种方式添加的图像，您需要自己手动添加它。

哦，好的。我试过了，但它没有像从wp_get_attachment_image（）中拉入srcset属性那样添加srcset属性，所以我不确定它们是否真的得到了延迟加载。@kierrapalmer lazy loading和srcset没有关系，wp确实同时添加了这两个属性，但这是在图像处理中添加了两个不同的函数。如果延迟加载不适用于您，请检查对浏览器的支持。并非所有浏览器都支持lazy-loading属性，我在答案中添加了一个链接，该链接与该属性的最新浏览器支持保持同步。