Interaction to Next Paint 将于 3 月 12 日正式成为 Core Web Vital 核心指标,并取代 First Input Delay。
Web Vitals 计划提供指标,帮助 Web 开发者衡量 Web 用户体验的关键方面。First Input Delay (FID) 代表了该计划的响应性方面,但随着时间的推移,越来越明显的是,需要一个新的指标来捕捉 FID 未能捕捉到的 Web 交互性方面。Chrome 团队意识到了这种需求,并在 2022 年 5 月推出了 Interaction to Next Paint (INP) 作为 实验性指标。去年,INP 成为 待定指标,并且 我们宣布 INP 将在 2024 年 3 月晋升为 稳定状态。
今天,我们宣布 INP 将于今年 3 月 12 日正式成为 Core Web Vital 核心指标并取代 FID,并且 FID 将在此过渡中被弃用。
这篇文章提供了 Chrome 团队关于如何为这一变化做好准备,以及一旦变化生效后会发生什么的建议。
我该如何准备?
此过渡的第一步是确定 您网站的 INP 是否通过了“良好”阈值。所有 Core Web Vitals 核心指标的评分都基于它们在 实际应用场景中所有页面加载的第 75 百分位数的表现。
查看您的网站在 INP 方面的表现的最简单方法是使用 PageSpeed Insights,它显示来自 Chrome 用户体验报告 (CrUX) 的数据。CrUX 是 Web Vitals 计划的官方数据集,并且可能是您网站实际应用场景数据的潜在来源。
实际应用场景数据的另一个来源可能来自 真实用户监控 (RUM) 提供商,它也观察您网站在实际应用场景中的性能。如果您正在与 RUM 提供商合作,请询问他们对 INP 的支持情况。
如果您发现您网站的 INP 处于“需要改进”或“差”类别,我们已准备了若干资源来帮助您改进它,首先是如何诊断和排除 INP 故障
一旦您知道问题所在,您可以使用以下指南来确定应该优化交互的哪些部分
- 如果您有 JavaScript 占用主线程上的大量时间,请优化长任务。如果您在页面加载期间遇到大量主线程活动,从而在主线程上启动大量长任务,您可能会遇到 过多的脚本评估任务 问题。
- 如果交互开始处理需要很长时间,请优化输入延迟。
- 大型 DOM 可能需要大量的渲染工作,并且交互通常会更改 DOM。最好避免大型、复杂的布局和布局抖动,并在可能的情况下最小化 DOM 大小。
- 如果您有复杂的 CSS 选择器,它们也可能在响应用户交互时导致大量工作。
- 最后,如果您的网站通过 JavaScript 在客户端渲染大部分 HTML,那么了解 HTML 的客户端渲染如何影响交互性 非常重要。
INP 的复杂性意味着您将以多种方式优化交互性,但这值得付出努力。已经完成了一些案例研究,例如来自 The Economic Times 和 redBus 的案例研究,关于减少交互延迟如何改善业务成果。优化您网站上的 INP 也可能帮助您实现您的目标。
一旦 INP 成为 Core Web Vital 核心指标会发生什么?
值得重申的是,INP 将于今年 3 月 12 日正式成为 Core Web Vital 核心指标并取代 FID。 另一个结果是 FID 将不再是 Core Web Vital 核心指标,并将被正式弃用并从该计划中删除。
因此,您可以预期会看到 FID 文档发生变化。关于 FID 的历史重要文档将保留,但将添加醒目的通知以强调 FID 的弃用状态,并参考 INP 文档。其他以 FID 为中心的文档可能会被完全删除并重定向到相关的 INP 文档。
FID 仍然在 Google 的许多工具中表示,INP 也是如此。一旦 INP 于 3 月 12 日成为 Core Web Vital 核心指标,FID 将立即从 Google Search Console 中删除。所有其他工具(例如 PageSpeed Insights 和 CrUX)将提供为期六个月的弃用期,以便开发者有机会更新他们的代码。
最后,如果您对 INP 纳入 Core Web Vitals 核心指标对 Google 搜索意味着什么有任何疑问,请参阅 Google Search Central 上的 INP 公告帖子。
未来的道路
INP 纳入 Core Web Vitals 核心指标在过去两年中经过精心计划,这代表着向前迈出的重要一步。我们相信,INP 对 Web 响应性的整体方法将帮助开发者更好地评估和改进用户体验的这一重要方面,并随着时间的推移 lead to 更具响应性的 Web。随着 INP 将于 3 月 12 日成为 Core Web Vital 核心指标,我们希望开发者利用这段时间来理解和优化他们的 INP 性能。
与往常一样,如果您有任何问题或疑虑,我们欢迎您通过 web-vitals-feedback@googlegroups.com 反馈您关于 INP、FID 或 Web Vitals 计划中任何其他指标的意见。