原文地址:www.xda-developers.com/google-anno…
发布时间:2020年5月5日
我们可能会通过使用我们的链接进行购买赚取佣金。
早在去年的Chrome开发者峰会上,谷歌就宣布了新的Chrome开发者工具,以减少页面加载时间,构建类似原生应用的体验。当时,该公司还讨论了一项举措,即为开发者提供一套统一的衡量指标,以便在构建网站时考虑到用户体验和性能。继最初的想法之后,谷歌现在宣布了Web Vitals计划,旨在为 "提供统一的质量信号指导,这些信号对于在网络上提供良好的用户体验至关重要"。
多年来,谷歌已经提供了一些工具来帮助网站开发者衡量和报告网站性能。这些工具包括Lighthouse、Chrome DevTools、PageSpeed Insights以及Search Console的速度报告等。但谷歌指出,虽然一些开发人员相当熟练地使用这些工具,但其他人发现各种工具和指标有点难以跟上。通过新的举措,该公司旨在简化环境,以便开发人员可以专注于最重要的指标,称为Core Web Vitals。
Core Web Vitals是所有Web Vitals的一个子集,适用于所有网页,应该由所有网站所有者来衡量,并将在所有Google工具中浮现。目前,这些核心Web Vitals集中在用户体验的三个方面--加载、交互性和视觉稳定性,包括以下指标(及其各自的阈值)。
- 最大内容画(LCP):衡量加载性能。为了提供良好的用户体验,LCP应该在页面首次开始加载后的2.5秒内出现。
- 首次输入延迟(FID):衡量交互性。为了提供良好的用户体验,页面的FID应该小于100毫秒。
- 累计布局移动(CLS):衡量视觉稳定性。为了提供良好的用户体验,页面应保持小于0.1的CLS。
为了帮助开发者衡量和报告这些核心Web Vitals,Google致力于在其工具中浮现这些指标。下图详细介绍了哪些工具支持核心网络要素。
开发者还可以使用标准的Web API在JavaScript中测量每个核心Web Vital,并使用Web Vitals Chrome扩展来报告每个核心Web Vital,而无需编写任何代码。该扩展利用网络生命体库来衡量这些指标,并在用户浏览网页时将其显示给用户。该扩展还有助于了解您的网站、竞争对手的网站以及整个网络的性能。另外,开发者如果想使用底层的Web API来衡量这些指标,可以参考下面链接的网站上的指标指南,了解实施细节。
除了Core Web Vitals,Google还谈到了其他Web Vitals将作为Core vitals的代理或补充指标。这些指标包括像第一字节时间(TTFB)、第一内容画质(FCP)、总阻塞时间(TBT)和交互时间(TTI)这样的指标,可以帮助开发者捕捉到更大程度的体验,或者帮助诊断具体问题。
值得注意的是,这些Web Vitals和Core Web Vitals将随着时间的推移而发展,开发者应该期待未来对列表的改进或增加。然而,由于核心网站要素与所有网页相关,并且在几个Google工具中都有体现,因此这些指标的任何变化都不会改变其定义和阈值。开发者也将得到任何即将到来的变化和可预测的年度模式的事先通知。由于其他Web Vitals是特定于上下文或工具的事实,它们的定义和阈值可能会以更高的频率变化,而无需事先通知。对所有网络生命体征的任何变化都将记录在这个公开的变更日志中。
通过( www.DeepL.com/Translator )(免费版)翻译