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

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

Google 赞助的 WordPress 贡献者编写了一个修复程序以避免延迟加载首屏图像,并在他们评估过去部分的各种性能计划时对其进行了彻底测试影响的努力。延迟的 LCP 将在 WordPress 5.9 中修复。

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

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

“你有没有想过我们如何能够有更精确的启发式方法来考虑块的语义和结构来了解什么是真正可延迟的?” Matthias Wen Matias Ventura 对未决引用发表了评论。 “例如,标题模板部分中使用的图像块或站点徽标将强烈指示首屏。“内容的第一张图像”似乎是一种基本措施,根据前面的布局而有很大差异。对于块主题,我们应该对布局有一些高级知识,我们可以使用这些知识来生成更有意义的指令。”

Felix Arntz 说他已经在他的雷达上检测到标题模板部分,并且愿意改进作为块主题世界的实现扩大。

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

出处