禁用WordPress 5.5的图片延迟加载功能

发布时间：2024-01-05  栏目：建站知识   浏览：   分类：wordpress教程

WordPress 5.5引入了图片延迟加载功能，它允许网站在用户滚动到图片时才加载图片。这个功能可以提高网站的加载速度和性能。但是，如果您发现这个功能对您的网站造成了负面影响，您可以关闭它。要关闭WordPress 5.5的图片延迟加载功能，您需要在主题的functions.php文件中添加以下代码： ```php add_filter( 'wp_lazy_loading_enabled', '__return_false' ); ``` 这段代码将禁用WordPress的图片延迟加载功能。请注意，这可能会降低您的网站的加载速度和性能。因此，在禁用此功能之前，请确保您已经充分测试了它对您的网站的影响。

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){returnfalse;}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.'"')){returnfalse;}}return$value;},10,3);

如果使用wp_get_attachment_image，只需将图像的属性值设置为 ：loading false

echowp_get_attachment_image(67,'medium',false,array('loading'=>false),)