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

少羽.
少羽.
少羽.
1844
文章
92
评论
2020年8月21日03:04:30 1 232 979字阅读3分15秒

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 ),
)

代码出自:https://kinsta.com/blog/wordpress-5-5/

也可以安装禁用延迟加载的插件:Disable Lazy Loading

貌似这个延迟加载功能来自这个官方维护的插件:Lazy Loading Feature Plugin

 

 

少羽.
  • 本文由 发表于 2020年8月21日03:04:30
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
WordPress纯代码实现独立相册功能 WordPress

WordPress纯代码实现独立相册功能

其实,这篇文章很早准备发了,一直拖,拖,拖硬生生拖到了现在,今天整合闲着,就更新一下博客吧! 想到这个文章,我忘记发了,今天就补上 hhh 正文 思路是前段时间写模板琢磨出来的,模板写废了,也不准备写...
广告也精彩
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:1   其中:访客  1   博主  0
    • 落英缤纷 落英缤纷 1

      坚持4.1的路过 坚决不升级新版 内容才是王道。