升级到WordPress 5.5后图片无法加载的解决办法

闲吧资源站前几天升级到WordPress 5.5后，出现首页置顶幻灯片图片无法加载的情况。具体表现未初次打开无法加载图片，部分浏览器刷新后又显示。

于是，闲吧到LOC上去咨询了下大神们，给出的解决办法主要有2个：

1. 回滚到WordPress 5.4版本；
2. 等主题更新，支持WordPress 5.5版本。

因闲吧的主题是用的主题巴巴的博客2号主题。是之前和基友们团购的正版主题，但后来好像账号被封了，于是闲吧用的是之前的老版本，而非最新收费WordPress主题版本。

去主题巴巴看了下，发现主题巴巴确实不错，已经做出了更新。当时就想自己单独买个正版主题了，但想到自己对主题做了很多修改，就懒得折腾了。

于是自己就随手问了下度娘，发现WordPress 5.5新增加了图片的懒加载实现方式，以实现增速的目的。

顺手看了下如何禁用WordPress 5.5图片的懒加载，发现可以通过简单的函数即可完成。具体如下：

add_filter( 'wp_lazy_loading_enabled', '__return_false' );

以上代码添加到主题函数模板 functions.php 中即可。

马上实施，首页置顶博文的幻灯片图片显示出来了，问题解决了，开心了，嘿嘿~

附上WordPress 5.5新增加了图片的懒加载实现方式的相关内容：

WordPress 5.5 给 the_content 接口新增了 wp_filter_content_tags 函数，它主要做三件事情：

1. 根据图片的 ID 给没有 width 和 height 的图片标签加上这两个属性。
2. 根据图片的 ID 给图片标签加上 srcset 属性。
3. 给图片标签加上 loading="lazy" 属性。

其中第三点就是实现图片懒加载的，具体执行的函数是 wp_img_tag_add_loading_attr，它把前面获取的图片标签，一个个判断一下有没有 width 和 height 属性，如果有的话，就加上 loading="lazy" 属性。

好了，如果您也遇到这个问题，最简单的解决办法就是这么干。