WordPress5.5内置图像延迟加载功能,对于开发者有哪些要求?

从 ) , ) ; 建议主题开发人员对 wp_get_attachment_image() 或基于图像的其他函…

)

,

)

;

建议主题开发人员对

wp_get_attachment_image()

或基于图像的其他函数(例如

the_post_thumbnail()

或 

get_custom_logo()

)上的图像进行细化处理它们的

loading

属性,具体取决于它们在模板中的使用位置。

例如,如果图像放置在

header.php

模板中并且很可能在初始视口中,则建议跳过该

loading

图像的属性。

标记为延迟加载候选图像的图像要求浏览器解析图像在页面上的位置,这依赖于IntersectionObserver可用,因此从今天开始稍微延迟了它们的提取。使用Android版Chrome浏览器进行的实验表明,此类

loading=”lazy”

图像在初始视口中对“ 最大内容绘画”指标的影响很小,与非延迟加载的图像相比,第75个百分位数和第99个百分位数的回归幅度不到 1%,但这是使主题开发人员可以应用一些微调以获得更好的用户体验的考虑因素。

有关此更改的更多背景信息,请参见#50425。

浏览器兼容性

loading

属性受到现代浏览器的广泛支持,并且呈上升趋势:例如,虽然Safari支持在发布之时尚不可用,但该功能也正在开始使用,并且已经合并到基础WebKit引擎中。

但是,即使当前不支持该

loading

属性的浏览器也不会看到WordPress在图像上提供该属性的任何负面影响,因为本机延迟加载机制是作为完全

渐进增强实现的

:对于这些浏览器,该属性将被忽略。这也意味着每当浏览器实现对该功能的支持时,其用户在浏览由WordPress驱动的站点时都将立即获得好处。

类别:WordPress教程

本文收集自互联网,转载请注明来源。
如有侵权,请联系 wper_net@163.com 删除。

评论 (0)COMMENT

登录 账号发表你的看法,还没有账号?立即免费 注册