谷歌搜索引擎seo_Interaction To Next Paint(INP):您需要了解的一切

Interaction To Next Paint (INP): Everything You Need To Know

搜索引擎优化领域并不缺少缩写词。

谷歌优化

从SEO,到FID,到FCP(第一个有内容的绘画),再到INP,这些都是你在页面速度方面会遇到的一些更常见的首字母缩略词。

谷歌目前正在改变核心网络的关键。

它在混合中添加了两个新指标:INP(与下一个绘制的交互)和TTFB(第一个字节的时间)。

INP是指页面如何响应特定的用户交互,这些用户交互被编程到由Google Chrome的实验室数据和现场数据测量的总体INP度量中。

TTFB测量服务器传输第一个字节所需的时间长度。

长期以来,TTFB一直被怀疑是显著性能提升的驱动因素,这意味着搜索引擎优化专业人员应优先优化搜索引擎优化过程。

谷歌最近才决定将TTFB作为一个新的衡量标准,以便SEO专业人士能够衡量他们的网站在服务器级别的表现。

出于本次讨论的目的,我们将在本轮中坚持INP。

究竟什么是INP?

INP是一种新的核心Web生命指标,旨在提供页面整体交互延迟的表示。

它通过从用户访问页面时发生的单个最长交互的示例进行工作来实现这一点。

如果一个页面的总交互少于50,INP将考虑具有绝对最差延迟的交互。

INP的测量是如何
用户需要花费多长时间才能与整个页面交互。

这与FID(第一输入延迟)形成直接对比。

FID仅测量特定用户交互的第一响应。

在SEJ,我们报道了PageSpeed Insights在Google Lighthouse Chrome扩展中添加了这个新的速度指标。

INP的力学

JavaScript通常是页面上任何交互的主要信号。

其他类型的交互确实存在,包括单选按钮、复选框、HTML

元素和其他几个。

然而,INP关注以下类型的相互作用:

  • 交互式元素的任何鼠标单击。
  • 在包括触摸屏的任何设备上点击交互元素。
  • 按物理键盘或屏幕键盘上的键。

有多个事件可以被视为交互。

例如,Keydown和keyup都是击键的一部分。

任何点击交互也可以包括pointerup和pointerdown事件。

这些都被认为是“逻辑用户交互”

INP的组成部分是什么?

每个交互都有几个阶段:呈现时间、处理时间和输入延迟。

关联事件的回调包含执行所有三个阶段所需的总时间。

逻辑用户交互的最长持续时间是记录的时间。

什么是好的INP值?

谷歌的网络。开发文档解释说,良好的INP值大约为200毫秒或更少。

它说:

INP低于或等于200毫秒意味着页面具有良好的响应性。

200毫秒以上的INP和bel
ow或500毫秒意味着页面的响应性需要改进。

超过500毫秒的INP意味着页面的响应性较差。

谷歌还指出,INP仍处于试验阶段,其建议的关于这一指标的指南可能会改变。

INP与第一输入延迟有何不同?

INP和FID之间的主要区别在于FID只考虑页面上的第一次交互。

INP考虑了所有页面交互。

FID只测量输入延迟度量,不考虑事件处理程序以及它们处理所需的时间。

它也不考虑呈现交互的下一帧时的任何延迟。

如何在您的网站上识别INP问题

为了在网站上查找INP问题,我们必须首先考虑实验室数据和现场数据之间的差异。

找到用户体验的真实数据的唯一方法是利用现场数据。

实验室工具是不与页面完全交互的项目,因此在执行测量任务时通常需要手动输入。

否则,使用自动化工具(如Puppeter)可以帮助您在使用实验室工具进行测试时编写手动交互的脚本。

关于实验室数据

在这种测试的上下文中,实验室数据是通过使用预定义的条件集控制页面负载来确定的度量,通常是根据设备和网络定制的。

因为这些条件是在受控环境中,所以它们被称为实验室环境,这就是术语“实验室数据”的来源。

关于F
野外数据

字段数据,也称为RUM(真实用户监控)数据,是通过监控页面上的用户获得的。

它测量单个性能的性能指标,通常提供对这些特定性能指标的洞察。

现场数据基于真实的用户访问——因此,您的网站可能在实际设备、用户地理位置以及该设备的网络条件上显示。

把它们放在一起

FID、INP、现场数据和实验室数据有什么大不了的?

现场数据由Chrome工具提供,这些工具在核心Web vVtals上报告数据。

您可以从CrUX报告(或Chrome用户体验报告)中获取字段数据。

但是,关键报告只是整个情况的一部分。

这就是为什么自己收集现场数据很重要。

仅使用CrUX本身无法提供足够的可操作的见解,从而使您的站点的性能发生真正的变化。

谷歌解释说,关于字段数据最重要的洞察是,它不仅仅是一个数字。

这实际上是一个数字的分布。

这意味着,对于特定的用户样本,您的站点可能加载非常慢。

对于其他用户,您的站点可能加载得非常快。

换句话说:字段数据是tot
从所有用户收集的所有性能数据集。

如何测量INP?

当使用实验室和现场数据组合时,测量INP是最有效的,但有一些“最简单”的方法来测量核心网络生命指标。

您可以使用名为Lighthouse的Google Chrome扩展,它具有时间跨度模式。

此模式允许您更轻松地监控页面加载过程中发生的情况,这可以进一步帮助您解决INP问题。

您还可以利用这些其他实验室工具来帮助您收集数据:

  • 灯塔中的npm模块。
  • 用户在灯塔中流动。
  • Chrome Web Vitals扩展。

如何提高您自己的INP值?

最好的方法是优化主线程工作。

这意味着确保将第三方字体等内容保持在最低限度(即,仅使用系统字体),并且您不会在页面加载时使用太多插件。

例如,假设你有一个WordPress网站,有15个广告插件,专门用于在你的页面上显示广告——也许你不必全部使用。

关闭90%的插件将有助于提高INP,并简化主线程工作——因为这会延迟页面加载。

一些INP问题的出现是因为人们没有充分优化他们的主线工作,以确保从核心网络生命的角度来看,事情是正确可行的。

其他原因可能是JavaScript文件错误触发,以及对页面上的加载方式缺乏关注——尤其是对于较大的图像。

这些只是一些因素,但不是所有因素,应该优化,以便更好地
re有效INP数。

以及更好的整体核心网生命体征数据。

改善你的INP并不是一个灵丹妙药

重要的是要注意,改进您的INP并不是保证即时SEO成功的银弹。

相反,它只是众多项目中的一项,可能需要作为一批质量更改的一部分来完成,这些更改有助于改善您的整体搜索引擎优化性能。

您计划如何在您的整体SEO策略中实施修复INP?

0 0 vote
评分
Subscribe
提醒
guest
0 评论
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x
Scroll to Top

请输入您的资料

你也可以直接右下角客服直接跟我们联系
=

请输入您的资料

seo
你也可以直接右下角客服直接跟我们联系
=

request a quote