Interaction to Next Paint 将正式成为 Core Web Vitals 指标，并将于 3 月 12 日取代 First Input Delay。
网页指标计划提供了一些指标，以帮助网站开发者衡量网页用户体验的关键方面。First Input Delay (FID) 代表了该计划的响应能力，但随着时间的推移，显然需要一项新指标来捕获 FID 所无法捕获的 Web 互动元素。Chrome 团队意识到了这一需求，并于 2022 年 5 月推出了Interaction to Next Paint (INP) 作为一项实验指标。去年，INP 成为了待处理指标，我们宣布将于 2024 年 3 月将 INP 提升为稳定状态。
今天，我们宣布 INP 将于今年 3 月 12 日正式成为 Core Web Vitals 并取代 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 非常复杂，这意味着您将以多种方式针对互动进行优化，但值得为此付出努力。《经济时报》和 redBus 已经发表了多个案例研究，介绍了减少互动延迟如何提高业务成果。优化网站上的 INP 可能也有助于您实现目标。
INP 成为核心 Web 指标后会发生什么？
值得再次强调的是，INP 将于今年 3 月 12 日正式成为 Core Web Vitals 并取代 FID。另一个结果是，FID 将不再是 Core Web Vitals，将被正式弃用并从计划中移除。
因此，您可能会看到 FID 文档发生变化。关于 FID 的重要历史文档仍将保留，但我们将添加醒目的声明，以强调 FID 的已弃用状态，并用于参考 INP 文档。其他以 FID 为中心的文档可能会被完全移除，并重定向到相关的 INP 文档。
FID 仍存在于许多 Google 工具中，而 INP 也是如此。INP 在 3 月 12 日成为 Core Web Vitals 后，FID 便会从 Google Search Console 中移除。所有其他工具（例如 PageSpeed Insights 和 CrUX）将提供六个月的弃用期，让开发者有机会更新其代码。
最后，如果您对 INP 纳入 Core Web Vitals 对 Google 搜索有何影响有任何疑问，请参阅 Google 搜索中心上的 INP 公告帖子。
未来之路
在过去两年中，我们经过仔细规划，将 INP 纳入核心网页指标，这标志着我们向前迈出了重要的一步。我们相信，INP 对 Web 响应的整体性方法将帮助开发者更好地评估和改进用户体验的这一重要方面，并随着时间的推移打造响应更快的网页。INP 将于 3 月 12 日成为 Core Web Vitals 指标，因此我们希望开发者能借此时间了解和优化其 INP 性能。
与往常一样，如果您有任何问题或疑虑，欢迎通过 web-vitals-feedback@googlegroups.com 就 INP、FID 或 Web Vitals 计划中的任何其他指标提供反馈。