由于修复了核心延迟加载功能中的性能回归,WordPress 网站可能很快就会看到页面加载的性能略有提升。 一个 分析 2021 年 7 月发布的研究表明,过于激进地应用延迟加载会对性能产生负面影响,并且最好在初始视口中急切加载图像。
WordPress 延迟加载所有图像的默认设置导致性能降低 最大内容绘制指标 (LCP) 指标,谷歌将其定义为“最大的渲染时间 图像或文本块 在视口内可见,相对于页面的时间 首先开始加载。”
谷歌赞助的 WordPress 贡献者编写了一个修复程序,以避免在折叠上方延迟加载图像,并对其进行了全面测试,作为他们评估过去各种性能计划影响的努力的一部分。 延迟的 LCP 将在 WordPress 5.9 中修复。
“这可以通过跳过为第一个内容图像或 iframe 添加 loading=’lazy’ 来改善,在绝大多数情况下,它会出现在初始视口中,”Felix Arntz 在 开发说明. “WordPress 只能对此做出有根据的猜测,并不能 100% 确定,但考虑到 50 个流行主题的分析表明,增强功能带来了全面的 LCP 改进,页面加载速度提高了 30%。”
将来,此实现可能能够进一步深入到页面上的块内容中,并急切地加载主题识别为在视口内的任何图像。
“你有没有想过我们如何可以有更精确的启发式方法,可以将块的语义和结构考虑在内,以了解实际可延迟的内容?” 马蒂亚斯·文图拉 (Matias Ventura) 评论了处理中的罚单。 “例如,标题模板部分中使用的图像块或站点徽标将强烈表明高于折叠。 “内容的第一张图片”似乎是一个基本的衡量标准,根据前面的布局而有很大差异。 有了块主题,我们应该对布局有一些提前的认识,我们可以用它来产生更有意义的指令。”
Felix Arntz 说他已经在他的雷达上检测到标题模板部分,并愿意随着区块主题世界的扩展来改进实现。
“延迟加载实现的改进应该显着提高大多数依赖它的站点的 LCP 性能,同时不会对上述默认启发式方法不适用的站点产生不利影响,”Arntz 说。 “不过,这只是一个坚实的起点。 未来,特别是随着基于块的主题将促进更多语义内容规范,我们将能够通过使用可用的块信息进一步微调延迟加载的实现。”