如何禁用WordPress 5.5+内置的图片延迟加载功能?【WordPress外贸教程】

WordPress 5.5 正式版及以后的更新版本中都内置了LazyLoad图片延迟加载功能,但是这个内置的这个LazyLoad图片延迟加载功能,和多数的第三方延迟加载功能的插件会出现冲突,甚至导致图片无法正常加载的问题。那么,这个WordPress 5.5+内置的图片延迟加载功能如何禁用呢?

WordPress教程
WordPress教程

禁用WordPress 5.5内置的图片延迟加载功能的方法非常简单,只需要一段简单的代码,添加到你所用主题的 functions.php 文件中即可。代码如下:

add_filter('wp_lazy_loading_enabled', '__return_false');

如果你不方便添加代码,还可以使用这个插件 Disable Lazy Loading 来实现禁用WordPress 5.5内置的图片延迟加载功能。


WordPress图像延迟加载功能介绍

从WordPress 5.5开始,WordPress会默许运用本地的HTML loading属性,为图像添加延迟加载,这将极大地俭省效劳器和带宽资源,进步了网站加载速度,提升了用户体验。

默许状况下,WordPress将添加 loading="lazy" 到一切具有 widthheight 属性的 img 标签。从技术上讲,这是在页面输出上处置的,相似于经过添加 srcsetsizes 属性来完成响应式图像的方式。为了进一步这实现两个功能的效劳器端性能,引入了一个新函数 wp_filter_content_tags(),因而只需求解析一次img标签,然后将对这些功用的修正推延到更详细的功用上即可。

WordPress不断遵照这种最佳做法,并且正在努力确保编辑器中的一切图像都具有widthheight。只需主题的CSS能够与经典编辑器内容一同正常工作,回填这些属性就不会对主题产生任何影响。这是能够预期的:假如图像的widthheight经过CSS修正,则相应的其他属性应设置为auto,以防止图像被拉伸。




上一篇:

下一篇: