WordPress 5.4 将为所有图像添加延迟加载

WordPress 宣布 WordPress 5.4 默认可能具有图像延迟加载功能。 此功能将启用所有 IMG 元素的“加载”HTML 属性。 WordPress 发布者将不再需要使用 JavaScript 或第三方插件来延迟加载他们的图像。

延迟加载

延迟加载 HTML 属性告诉浏览器在下载图像之前等待或立即下载。 无需 JavaScript 即可完成此操作。

延迟加载属性共有三种,但真正重要的只有两种:

  1. 懒惰的
  2. 渴望的

Lazy 在 WordPress 5.4 中默认启用,意思是等到用户的浏览器视口在一定距离内才下载图像。 此行为将加快用户在 WordPress 网站上的体验。

“eager”属性告诉浏览器立即下载图像。

WordPress 5.4 发布日期

WordPress 5.4 目前是 将于 2020 年 3 月 31 日上映. 该日期可能会根据发布的准备情况而有所变化。 但是 WordPress 在按时完成任务方面做得非常好。

根据 WordPress 公告:

“该实现旨在默认启用延迟加载图像,在以下 img 标签上为加载属性提供延迟值:

帖子内容中的图片
帖子摘录中的图片
评论中的图片
文本小部件内容中的图像
通过 wp_get_attachment_image() 渲染的单个图像
通过 get_avatar() 渲染的头像图像

请注意,loading=”lazy” 仅在相应标签尚未包含加载属性时才会添加。 换句话说,为了防止图像被延迟加载,建议指定 loading=”eager”。”

根据 WordPress 的评论,延迟加载属性将以易于删除的方式实现。 这很重要,以防将来的浏览器默认开始延迟加载所有图像,而不需要加载属性。

谷歌已通过 Web.dev 表示 有计划在浏览器处于 Lite 模式(以前​​称为 Data Saver 模式)时自动对所有图像启用延迟加载。

试驾 WordPress 延迟加载

WordPress 团队正式发布了一个 WordPress 为测试目的设计的延迟加载插件. 欢迎想要测试并提供反馈的发布者下载该插件并尝试一下。

在此处阅读官方 WordPress 公告:
在 WordPress 核心中延迟加载图像

给TA打赏
共{{data.count}}人
人已打赏

抱歉,Google,帐号级质量得分仍然存在

2021-11-23 12:42:06

如何使用 Google AdWords [Infographic]

2021-11-23 13:44:14

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索