优化 Google 的新 Interaction to Next Paint 指标
Core Web Vitals 是 Google 定义的一组指标，用于衡量网站的用户体验有多好。它们在 2021 年首次成为排名信号。
虽然指标定义随着时间的推移进行了调整，但 Interaction to Next Paint 指标的引入是自 Core Web Vitals 计划启动以来最大的变化。
什么是与下一次绘制的交互 (INP)？与 Next Paint 的交互是评估您的网站响应用户交互的速度的指标。它测量用户输入（例如单击按钮）和下次页面内容刷新（“下一次绘制”）之间经过的时间。
为了在 Google 中获得更好的排名，交互延迟应小于 200 毫秒。这确保了网站对用户的响应能力。
核心网络生命力发生了怎样的变化？谷歌宣布，到 2024 年 3 月，Interaction to Next Paint将成为三个 Core Web Vitals指标之一。届时，响应用户输入太慢的网站可能会在搜索结果排名中表现更差。
INP 将取代当前的第一输入延迟(FID) 指标。虽然 FID 也衡量响应能力，但它的局限性更大，因为它只关注第一次用户交互。它还仅测量输入事件开始处理之前的延迟，而不是等到用户可以看到结果为止。
目前，只有64.9% 的移动网站在“与下一次绘制的交互”指标上表现良好，并且获得良好的 INP 分数比获得良好的首次输入延迟分数更难。
如何衡量我网站上的“与 Next Paint 的交互”指标？运行网站速度测试以查看网站加载速度以及响应用户输入的速度。
测试完成后，打开“Web Vitals”选项卡。您可以在页面底部看到“与下一个绘制的交互”指标。
在这种情况下，只有 38% 的用户拥有良好的 INP 体验。
当浏览器需要执行大量 CPU 处理才能更新页面时，就会发生交互延迟。发生这种情况的原因有两个：
正在进行的后台任务阻止处理用户输入处理用户输入本身需要花费大量时间后台任务通常发生在初始页面加载期间，但也可能发生在稍后。它们通常是由网站上嵌入的第三方代码引起的。
响应用户交互可能需要大量处理。如果无法优化，您可以考虑显示一个旋转器来提供视觉反馈，直到处理任务完成。
运行 JavaScript 代码是最常见的处理类型，但复杂的视觉更新也可能需要很长时间。
使用 Chrome DevTools 分析性能Chrome DevTools性能分析器显示哪些任务需要很长时间并且应该优化。开始录制，单击页面上的元素，然后单击可视化中最长的条形。
这使您可以识别代码是来自第三方还是来自您自己的网站。您还可以更深入地了解如何加快任务速度。
总阻塞时间指标跟踪可能阻止其他代码运行的后台 CPU 任务的频率。如果用户在任务正在进行时与页面交互，则浏览器在处理输入事件之前首先完成该任务。
您可以使用Google Lighthouse等工具来查看如何优化此指标。
如果您网站上的处理繁重任务是您的核心网站代码的一部分，您将需要与您的开发团队合作来优化这些任务。对于第三方，您可以检查是否仍然需要该脚本，或者联系供应商的客户支持以查看是否可以优化代码。
结论Interaction to Next Paint 指标代表了 Google 核心网络生命力自最初宣布以来的最大变化。INP 解决了之前的“首次输入延迟”指标的缺陷，并更好地表示了用户如何体验网站。
在 2024 年排名更改推出之前，检查您的网站在“与下一次绘制的交互”指标上的表现。这样，您将有足够的时间来确定优化并使您的网站更快。
文章翻译自：searchenginewatch；原文链接：https://www.searchenginewatch.com/2023/05/19/optimize-googles-new-interaction-to-next-paint-metric/
转载请注明： 优化 Google 的新 Interaction to Next Paint 指标 | 跨境湾
