WordPress 5.9 修复延迟加载性能回归,某些情况下页面加载速度提高 30%

由于修复了核心延迟加载功能中的性能回归,WordPress 网站可能很快就会看到页面加载的性能略有提升。 2021 年 7 月发布的一项分析表明,过于激进地应用延迟加载会对性能产生负面影响,最好在初始视口中急切加载图像。

WordPress 延迟加载所有图像的默认设置导致最大内容绘制指标 (LCP) 指标的性能降低,谷歌将其定义为“视口内可见的最大图像或文本块的渲染时间,相对于页面首次启动的时间加载中。”

谷歌赞助的 WordPress 贡献者编写了一个修复程序,以避免在折叠上方延迟加载图像,并对其进行了全面测试,作为他们评估过去各种性能计划影响的努力的一部分。延迟的 LCP 将在 WordPress 5.9 中修复。

“这可以通过跳过第一个内容图像或 iframe 的添加来改进,在绝大多数情况下,它会出现在初始视口中,”Felix Arntz 在开发说明中说。 “WordPress 只能对此做出有根据的猜测,并不能 100% 确定,但考虑到 50 个流行主题的分析表明,增强功能带来了全面的 LCP 改进,页面加载速度提高了 30%。”loading='lazy'

将来,此实现可能能够进一步深入到页面上的块内容中,并热切地加载主题识别为在视口内的任何图像。

“你有没有想过我们如何可以有更精确的启发式方法,可以将块的语义和结构考虑在内,以了解实际可延迟的内容?”马蒂亚斯·文图拉 (Matias Ventura) 评论了处理中的罚单。 “例如,标题模板部分中使用的图像块或站点徽标将强烈表明高于折叠。 “内容的第一张图片”似乎是一个基本的衡量标准,根据前面的布局而有很大差异。有了块主题,我们应该对布局有一些提前的认识,我们可以用它来产生更有意义的指令。”

Felix Arntz 表示,他已经在他的雷达上检测到标题模板部分,并愿意随着区块主题世界的扩展来完善实施。

“延迟加载实现的改进应该显着提高大多数依赖它的站点的 LCP 性能,同时不会对上述默认启发式方法不适用的站点产生不利影响,”Arntz 说。 “不过,这只是一个坚实的起点。未来,特别是随着基于块的主题将促进更多语义内容规范,我们将能够通过使用可用的块信息进一步微调延迟加载实现。”

发表回复

您的电子邮箱地址不会被公开。