WordPress 5.5 正式版及以后的更新版本中都内置了LazyLoad图片延迟加载功能,但是这个内置的这个LazyLoad图片延迟加载功能,和多数的第三方延迟加载功能的插件会出现冲突,甚至导致图片无法正常加载的问题。那么,这个WordPress 5.5+内置的图片延迟加载功能如何禁用呢?
禁用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"
到一切具有 width
和 height
属性的 img
标签。从技术上讲,这是在页面输出上处置的,相似于经过添加 srcset
和 sizes
属性来完成响应式图像的方式。为了进一步这实现两个功能的效劳器端性能,引入了一个新函数 wp_filter_content_tags()
,因而只需求解析一次img
标签,然后将对这些功用的修正推延到更详细的功用上即可。
WordPress不断遵照这种最佳做法,并且正在努力确保编辑器中的一切图像都具有width
和height
。只需主题的CSS能够与经典编辑器内容一同正常工作,回填这些属性就不会对主题产生任何影响。这是能够预期的:假如图像的width
或height
经过CSS修正,则相应的其他属性应设置为auto
,以防止图像被拉伸。