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

Question

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

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

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

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

Answer 1

当你添加图像时，你只需要在超文本标记语言/代码中手动添加加载="懒惰"属性，类似于你添加高度和宽度的方式，例如：

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

浏览器支持

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

Wordpress支持的参考资料

如WP 5.5所示。开发更新称，WordPress 5.5将在以下图像中添加loading=“lazy”属性：

• 帖子内容中的图像（内容）
• 文章节选中的图像（节选）
• 文本小部件中的图像（widget\u text\u content）
• 化身图像（get_avatar）
• 使用wp\u get\u attachment\u image（）（wp\u get\u attachment\u image）模板图像

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