使用这5个工具为Google的INP指标做好准备_

与 Next Paint 的交互（INP）是一个新的 Core Web Vital 指标，专注于响应能力，计划于 2024 年 3 月 12 日取代首次输入延迟。使用正确的工具来监控和跟踪 INP 可以更轻松地进行优化。

什么是 Interaction to Next Paint （INP）？

INP 衡量网站访问者在执行单击按钮或键入等操作后等待的时间以及网站提供视觉反馈所需的时间。INP 是一个指标，显示用户交互后视觉反馈被阻止的时间量。

这个指标背后的想法是，一个无响应的网页是一种糟糕的用户体验。例如，将产品添加到购物车中应立即产生视觉反馈响应，向网站访问者显示交互已得到响应。在该特定示例中，INP 不测量将产品添加到购物车所需的时间，它仅测量该操作的视觉反馈被阻止的时间。

较低的 INP 分数意味着快速响应时间，这是目标。良好的 INP 分数是 200 毫秒以下的分数。

JavaScript 和 CSS 是 INP 优化的主要目标。

INP 测量以下用户交互：

鼠标点击
点击具有触摸屏的设备。
按下键盘（物理键盘和虚拟键盘）

INP 测量和优化工具

没有工具可以单枪匹马地解决 INP 问题，因为问题源于网页上使用的主题、插件、特性和额外功能所使用的 JavaScript 和 CSS。

例如，安装和使用图像轮播或动画效果将加载额外的 JavaScript 和 CSS 代码，这可能会对 INP 分数产生负面影响。缩小 JavaScript 和 CSS 并不总是解决方案，这意味着优化 Interaction To Next Paint 的一个关键步骤是审核代码并识别任何无助于网页和用户实现其目的的内容。

因此，INP 优化工具的关键功能是识别阻碍或延迟用户交互视觉反馈的原因。

下一个油漆诊断工具的五种交互

1. Google 的 Site Kit – Analytics、Search Console、AdSense、SpeedWordPress Plugin by Google

Google 的 Site Kit 拥有超过 400 万次 WordPress 安装，是将 Google 搜索数据集成到 WordPress 仪表板中的最强大方法之一，以便在 WordPress 中轻松访问。

此工具显示 PageSpeed Insights 和 Search Console 数据，包括有关改进措施的可操作建议。

2. DebugBear 与下一个画图工具的交互（免费版和付费版）免费INP调试器

DebugBear 是一种流行的页面速度监控工具，它有一个专业版，提供计划测试、事件通知、性能测试，在实时部署之前预览影响，这是另一个好处。

但它也提供免费工具，例如这个出色的 Interaction to Next Paint 工具，该工具将抓取网页并诊断问题，并提供解决 Interaction To Next Paint 问题的可操作提示。

3. Web Vitals Chrome 扩展程序

此 Chrome 扩展程序提供核心 Web Vitals 指标，包括 INP。此扩展的一个有用功能是覆盖网页的独特平视显示器（HUD），这在开发或更改网页时会很有帮助。

4. TREO网站速度

Treo 网站速度工具提供令人难以置信的快速页面速度工具，具有易于阅读和理解的有吸引力的用户界面。

Treo 的一个有用功能是用户可以调整选择以查看特定国家/地区的指标。

5. Chrome Web 指标库

有一个高级工具用于衡量来自实际网站访问者的核心 Web 生命指标，这些指标可以由各个发布者部署在他们自己的 Web 服务器上。此工具可以使发布者查看真实的核心 Web 指标分数，这些分数对于解决实际网页问题非常有用。此处提供了概述和解释。

奖励工具

Looker Studio（旁观者工作室）

Looker Studio（以前称为 Google Data Studio）是一种数据可视化工具，使用户能够连接到数据源并通过易于理解的报告和仪表板可视化信息。只需导航到此处即可找到 Chrome UX 报告连接器，该连接器可以将 Chrome UX （CrUX）原始数据转换为报告，从而轻松查看真实世界的 CWV 趋势。

Google 在面向开发人员的 Chrome 页面中发布了一个解释器，展示了如何在 Looker 上设置 CrUX 仪表板。看看吧，使用这个工具很容易成为超级明星 SEO！

网站建设者平台已准备就绪

网站建设者平台 Duda 预测了 Next Paint 的互动，并且已经努力确保使用其平台的网站在新指标上得分很高。

根据平台战略总监Russ Jeffery的说法：

“网站性能对于依赖 Duda 为其客户网站提供服务的代理商和 SaaS 公司来说非常重要。帮助他们的客户在搜索中排名更高，提供更好的转化率和用户体验，并最终推动更好的结果。
在撰写本文时，在Duda上构建的所有网站中，约有75%已经在INP的“良好”范围内。
基于 Duda 构建的网站还可以使用 Duda App Store 中内置的 WooRank 等第三方工具跟踪和优化这些指标。客户可以设置自定义 Google Analytics/Google 跟踪代码管理器事件，将这些指标发送到 GA4 中。