WordPress 5.5 新增了图片的懒加载功能，此功能不是通过前端JS等方式去实现的，而是根据Chrome 76浏览器的新特性支持原生懒加载特性实现的，仅仅只是简单的给图片加上 loading=”lazy” 的属性。
WordPress5.5懒加载的实现方式
WordPress 5.5 给 the_content 接口新增了 wp_filter_content_tags 函数，它主要做三件事情：
根据图片的 ID 给没有 width 和 height 的图片标签加上这两个属性。
根据图片的 ID 给图片标签加上 srcset 属性。
给图片标签加上 loading=”lazy” 属性。
其中第三点就是实现图片懒加载的，具体执行的函数是 wp_img_tag_add_loading_attr，它把前面获取的图片标签，一个个判断一下有没有 width 和 height 属性，如果有的话，就加上 loading=”lazy” 属性。
另外 WordPress 还提供了懒加载相关的两个接口：
wp_img_tag_add_loading_attr：loading 属性的值，默认是 lazy 就是懒加载，也可以根据 $img 改成 eager，就是立即加载。
wp_lazy_loading_enabled：是否启用懒加载，默认是 true 启用，也可以改成 false，不用。
禁用WordPress 5.5 图片延迟加载功能
全局禁用
将下面代码添加到当前主题函数模板 functions.php 中即可。
add_filter( ‘wp_lazy_loading_enabled’, ‘__return_false’ );
只禁用特定标签的图片延迟加载
add_filter(
‘wp_lazy_loading_enabled’,
function( $default, $tag_name, $context ){
if ( ‘img’ === $tag_name && ‘the_content’ === $context ){
return false;
}
return $default;
},
10,
3
);
其中：
$default：布尔默认值 true
$tag_name：要延迟加载的元素的标记名称。
$context：指定图像上下文的可选参数。
禁止特色图片延迟加载
add_filter(
‘wp_img_tag_add_loading_attr’,
function( $value, $image, $context ){
if ( ‘the_content’ === $context ){
$image_url = wp_get_attachment_image_url( 67, ‘medium’ );
if ( false !== strpos( $image, ‘ src=”‘ . $image_url . ‘”‘ ) ) {
return false;
}
}
return $value;
},
10,
3
);
如果使用 wp_get_attachment_image ，只需将图像的属性值设置为 ： loading false
echo wp_get_attachment_image(
67,
‘medium’,
false,
array( ‘loading’ => false ),
)
插件实现
可以通过以下两个插件实现禁用WordPress懒加载：
Disable Lazy Loading
Lazy Loading Feature Plugin
