自 2024 年 3 月起,新的“交互到下一次绘制” (INP) 指标将取代原来的“首次输入延迟” (FID) 指标,成为另一个核心 Web 生命力指标。它试图捕捉比 FID 更多的方面。
该指标的目标是测量用户与页面交互(例如,单击按钮)和浏览 瑞士电邮清单 器被指示将更改的像素呈现到设备屏幕之间的时间。如果持续时间为 1 秒,那么这已经是一个错误的值。良好的 INP 分数应低于 200 毫秒。处理页面上的用户交互 和显示新内容所需的 CPU 越多,INP 分数就越差。
不幸的是,在实践中,这不仅意味着您的网站加载速度很慢,因为 INP 是 Core Web Vitas 中的一个新的评估因素,而且还意味着 您的SEO 分数更差,并且搜索结果排名也可能更差,因为您的排名会低于您的竞争网站。
如何在您的网站上测试与 Next Paint 的交互?
测试新的 INP 排名因素以及其他核心网络生命力的最快方法是使用外部工具(例如 Debug Bear 的核心网络生命力测试)进行快速检查。该公司还提供 Core Web Vitals Real User Monitor 工具,让您几乎可以立即看到对您的网站所做的更改对 Core Web Vitals 的影响。
获取有关 INP 的信息的另一种方法”标签,该标签可以在 Google Search Console 中找到。从此选项卡中,您可以看到有多少页面受到 INP 问题的影响,或者有多少页面存在核心网络生命力的其他问题。然而,您可 绍纳·塞尔考 副主任,学习主管-支持/企业职能 能无法确定涉及哪些具体页面。 Google Search Console 的另一个缺点是其数据延迟。因此,您必须等待几周才能看到您的网站在进行额外优化之后的表现。
如何加快您网站上与 Next Paint 的交互速度?
如果您想提高这个新指标的分数,首先需要知道用户交互涉及哪些 CPU 处理。这种情况下,INP可以分为三种类型:
-
输入延迟:后台任务会阻止浏览器处理交互,直到交互完成为止。
-
处理时间:处理用户交互并安排 UI 更新的代码运行
-
呈现延迟:在预定的 UI 更新之后,浏览器必须更新页面布局以呈现新内容。
我们建议您使用外部工具来监控您的 CPU。再次,Debug Bear 的另一个智能 DevTools 工具可能对您有用。发现的数据可能对于普通的网站管理员来说比较困难,因此需要网站开发人员的参与。这可以揭示有关为什么 INP 速度没有达到应有水平的重要信息。例如,它可能会发现在后台运行的第三方代码或未优化的 JavaScript 代码。
没有开发人员或想自己探索 人工智慧文本 这个问题?您还可以使用上述公司的其他工具,例如 Monitor Page Speed 和 Core Web Vitals,它们会告诉您哪个 INP 组件对您的网站响应不佳的贡献最大。您可能会发现网站初始加载期间交互速度缓慢。这是因为很多小任务第一次运行都是在后台运行的,一旦加载一次,就不需要再次加载了。但是,这会 如何监控和改进与 Next Paint 的交互 减慢首页的加载速度。
如何找出哪些页面交互受到了缓慢的下一次绘制交互的影响?
如果您想改进 INP 并从而优化您的网页代码,您需要了解您网站上用户最常与哪些元素交互以及哪些交互经常导致 INP 速度变慢。不幸的是,Google Search Console 不会向您提供这些数据。您将不得不再次借助于另一个外部工具。
如果您的 Web 界面允许,请安装 RUM Metric Dashboards 之类的插件。