立即注册 找回密码

QQ登录

只需一步,快速开始

查看: 263|回复: 0

[Wordpress 通用教程] WordPress自动给图片增加fetchpriority属性的作用和控制方法

[复制链接]
发表于 2024-1-15 21:18:53 | 显示全部楼层 |阅读模式
道勤网-数据www.daoqin.net

亲注册登录道勤网-可以查看更多帖子内容哦!(包涵精彩图片、文字详情等)请您及时注册登录-www.daoqin.net

您需要 登录 才可以下载或查看,没有账号?立即注册

x
wordpress升级到近期版本6.3以后,官方为了进一步提升WP的html" target="_blank" class="relatedlink">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在线咨询图标联系我们并购买后,我们为您免费进行无缝搬家服务,让您享受网站零访问延迟的迁移到道勤主机的服务!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

道勤网- 推荐内容!上一条 /2 下一条

!jz_fbzt! !jz_sgzt! !jz_xgzt! 快速回复 !jz_fhlb! !jz_lxwm! !jz_gfqqq!

关于我们|手机版|小黑屋|地图|【道勤网】-www.daoqin.net 软件视频自学教程|免费教程|自学电脑|3D教程|平面教程|影视动画教程|办公教程|机械设计教程|网站设计教程【道勤网】 ( 皖ICP备15000319号-1 )

GMT+8, 2024-2-25 03:22

Powered by DaoQin! X3.4 © 2016-2063 Dao Qin & 道勤科技

快速回复 返回顶部 返回列表