WordPress 宣布 WordPress 5.4 默认可能具有图像延迟加载功能。 此功能将启用所有 IMG 元素的“加载”HTML 属性。 WordPress 发布者将不再需要使用 JavaScript 或第三方插件来延迟加载他们的图像。
延迟加载
延迟加载 HTML 属性告诉浏览器在下载图像之前等待或立即下载。 无需 JavaScript 即可完成此操作。
延迟加载属性共有三种,但真正重要的只有两种:
- 懒惰的
- 渴望的
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 核心中延迟加载图像