您的位置 首页 个人原创

升级到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 给没有 widthheight 的图片标签加上这两个属性。
  2. 根据图片的 ID 给图片标签加上 srcset 属性。
  3. 给图片标签加上 loading="lazy" 属性。

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

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

热门文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注