WordPress自动给图片增加fetchpriority属性的作用和控制方法

美工学习

在wordpress升级到近期版本6.3以后，官方为了进一步提升WP的seo表现，即在Largest Contentful Paint (LCP)方面的表现，会自动给一些图片添加一个新属性 – fetchpriority。字面意思可以理解为元素加载的优先级。

正文中就发现有一部分图片由原本WP自动给与的懒加载属性（loading=lazy）变成了这个优先加载属性（fetchpriority=high）。

通常这个属性会被添加在多图文的第一张图片中，如果第一张图片是一张小图片，则会顺延至后面的图片。这个过程不需要博客编写者参与，WP会自动完成这项它自认为的优化工作，但对于代码敏感的开发者，就有一点难受了。

如果一个页面需要默认所有图片懒加载，不需要WP“自说自话”地定义优先加载的图片，怎样去掉这个属性呢？这里介绍有两种方式。

第一种，彻底屏蔽掉fetchpriority这个属性：

1. function brain1981_disable_fetchpriority( $loading_attrs ) {

复制代码

第二种，给需要添加这个属性的图片一个“门槛”

1. function set_min_priority_img_pixels( $threshold ){
   
2.         // Set minimum threshold of 200x200 pixels for small thumbnail images.
   
3.         $threshold = 40000;
   
4.         return $threshold;
   
5. }
   
6. add_filter( 'wp_min_priority_img_pixels', 'set_min_priority_img_pixels' );

复制代码

设置一个最小的图片尺寸，如果你把40000这个数字替换得很大，理论上也等于完全屏蔽了这个属性的生成。注意这里的40000指图片的长宽像素乘积，即“像素面积”。

文章来源于

Brain的技术笔记

WP的升级，总能让人学到一些新的前端小知识，虽然它们并不每次都是有用的，多知道一些总也没有坏处。

道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户，那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信：q792472177免费电话、后台提交工单这些方式联系道勤主机客服！ 如果您不是我们的客户也没问题，点击页面最右边的企业QQ在线咨询图标联系我们并购买后，我们为您免费进行无缝搬家服务，让您享受网站零访问延迟的迁移到道勤主机的服务！