自定义img标签上的Wordpress 5.5延迟加载

问题描述

反正有没有触发自定义img标签上的wordpress 5.5延迟加载功能？

This article提到“默认情况下，wordpress将为所有具有width和height属性的img标签添加loading =“ lazy”。”

当我尝试通过wp_get_attachment_image（）添加图像时，它确实添加了loading =“ lazy”和srcset属性，但是当我尝试添加具有宽度和高度设置的纯img标签时，未添加这些属性。是否需要设置其他类才能触发延迟加载？还是需要其他东西？

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

解决方法

添加图像时，您只需要在HTML /代码中手动将loading="lazy"属性添加到图像中即可，类似于添加高度和宽度的方式，例如

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

浏览器支持

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

对Wordpress支持的参考

作为WP 5.5. Development update says，WordPress 5.5将为以下图像添加loading =“ lazy”属性：

• 帖子内容（the_content）中的图像
• 帖子摘录（the_excerpt）中的图像
• 文本小部件（widget_text_content）中的图像
• 头像图片（get_avatar）
• 使用wp_get_attachment_image()（wp_get_attachment_image）模板图像

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