WordPress教程
代码禁用 WordPress 5.5 图片延迟加载功能
PetitQ
收藏
WordPress 5.5 除了不断优化修改区块编辑器之外，还增加了几个新功能，其中的图片延迟加载功能，经本人测试，除了在火狐下有效果，在 Chromium 内核的浏览器中无效，难道是开发人员也和我一样只用火狐？还是我操作的姿势不对？既然无效，可以通过 add_filter 过滤器禁用这个功能。
全局禁用图片延迟加载，将下面代码添加到当前主题函数模板 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 ),
)
也可以安装禁用延迟加载的插件：Disable Lazy Loading
貌似这个延迟加载功能来自这个官方维护的插件：Lazy Loading Feature Plugin
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
