卓越飞翔博客卓越飞翔博客

卓越飞翔 - 您值得收藏的技术分享站
技术文章64334本站已运行4115

关闭WordPress 5.5图片延迟加载功能

WordPress 5.5除了不断优化修改区块编辑器之外,还减少了几个新功能,其中的图片延后读取功能,经本人测试,除了在火狐下存有效果,在Chromium内核的浏览器中违宪,难道就是开发人员也和我一样只用火狐?还是我操作方式的姿势不对?既然违宪,可以通过add_filter过滤器停止使用这个功能。

禁用 WordPress 5.5 图片延迟加载功能停止使用 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显示文章评论用户名称
下一篇: 织梦CMS调用当前会员信息方法

相关推荐

留言与评论(共有 0 条评论)
   
验证码:
隐藏边栏