Post by account_disabled on Dec 2, 2023 5:57:19 GMT
搜索引擎优化）长期在Google上排名良好，你可能需要更多地关注用户体验，这与Next Paint或INP的交互是你应该做的事情之一不要忽视，因为它是衡量您是否提供良好用户体验的标准。如果没有，Google 可能会降低您网站的可见度。情况可能会比以前更糟。 Google 于 2023 年 5 月宣布，Interaction to Next Paint (INP) 是一项新指标，将于 2024 年 3 月取代旧的 FID（首次输入延迟）指标。或者正如我们所说，用户获得了良好的用户体验。尤其是网站响应速度很快。如果你还不知道INP是什么？必须做什么才能使其对 Google 和用户最具吸引力？和ANGA一起了解这一点。 为什么 Google 使用 INP 而不是 FID？ Google最初使用FID或First Input Delay作为主要指标。要检查网站的响应能力，请测量用户与设备交互的时间之间的差异。并测量浏览器开始处理所需的时间。它以 4 个操作开始：单击、按下键盘、向下移动鼠标以及 Pointerdown 和 Pointerup。
由于FID已经使用了一段时间，Google发现它有一些局 电话号码清单 限性，不能满足Google在某些领域的需求。就像衡量所有的反应 不只是第一次响应，记录每个事件的整个持续时间 （不仅仅是滞后）或例如为网站上发生的所有交互创建总分。 谷歌因此转向了重点，选择使用 Interaction to Next Paint (INP) 来代替，因为 INP 可以满足更多需求。因为它可以衡量整个网站的响应情况。 与下一个绘制阶段的交互 该图显示了 INP 使用的时间表。 什么是与 Next Paint 或INP的相互作用？ 与 Next Paint 的交互（INP）是一个用于衡量整个网站响应能力的矩阵。您的网站响应用户交互的速度有多快 它将测量从 从“用户输入”到“网站显示”，这个持续时间最好不要超过200ms（毫秒）。并且不应超过 500 毫秒。 与 Next Paint 的交互时间低于 200 毫秒 = 页面响应速度非常快。无需更新 与 Next Paint 的交互时间高于 200 毫秒但不超过 500 毫秒 = 网页应更新。 与 Next Paint 的交互时间超过 500 毫秒 = 您的页面没有响应。
亟待改进 与下一个绘画的交互 如何衡量与 Next Paint 的交互？ 到 Next Paint 的交互涵盖了从鼠标输入到所有内容。击键 点击触摸屏 一直到浏览器显示下一帧时。换句话说，它从用户单击或按下网站上的各种按钮的那一刻开始。直到网站发生变化，例如改变按钮的颜色、改变按钮上的文字、显示动画、显示图像。或更改页面等 示例：与下一个绘制的交互 感谢您提供的图片来自：DebugBear INP 使用这 3 个因素来测量响应距离。 输入延迟：输入数据所需的时间（等待后台任务运行） 处理时间：JavaScript 需要多长时间才能显示？ 演示延迟：显示结果或交互的延迟。 什么是与 Next Paint 或 INP 的相互作用？ 好的和坏的页面响应的示例 INP的目标是保证下一帧的响应时间为 尽量用最短的时间。以下是一些好的和坏的网站页面响应的示例。这会影响 INP 的测量值。左侧反应较差（慢），而右侧反应良好（快）。
由于FID已经使用了一段时间，Google发现它有一些局 电话号码清单 限性，不能满足Google在某些领域的需求。就像衡量所有的反应 不只是第一次响应，记录每个事件的整个持续时间 （不仅仅是滞后）或例如为网站上发生的所有交互创建总分。 谷歌因此转向了重点，选择使用 Interaction to Next Paint (INP) 来代替，因为 INP 可以满足更多需求。因为它可以衡量整个网站的响应情况。 与下一个绘制阶段的交互 该图显示了 INP 使用的时间表。 什么是与 Next Paint 或INP的相互作用？ 与 Next Paint 的交互（INP）是一个用于衡量整个网站响应能力的矩阵。您的网站响应用户交互的速度有多快 它将测量从 从“用户输入”到“网站显示”，这个持续时间最好不要超过200ms（毫秒）。并且不应超过 500 毫秒。 与 Next Paint 的交互时间低于 200 毫秒 = 页面响应速度非常快。无需更新 与 Next Paint 的交互时间高于 200 毫秒但不超过 500 毫秒 = 网页应更新。 与 Next Paint 的交互时间超过 500 毫秒 = 您的页面没有响应。
亟待改进 与下一个绘画的交互 如何衡量与 Next Paint 的交互？ 到 Next Paint 的交互涵盖了从鼠标输入到所有内容。击键 点击触摸屏 一直到浏览器显示下一帧时。换句话说，它从用户单击或按下网站上的各种按钮的那一刻开始。直到网站发生变化，例如改变按钮的颜色、改变按钮上的文字、显示动画、显示图像。或更改页面等 示例：与下一个绘制的交互 感谢您提供的图片来自：DebugBear INP 使用这 3 个因素来测量响应距离。 输入延迟：输入数据所需的时间（等待后台任务运行） 处理时间：JavaScript 需要多长时间才能显示？ 演示延迟：显示结果或交互的延迟。 什么是与 Next Paint 或 INP 的相互作用？ 好的和坏的页面响应的示例 INP的目标是保证下一帧的响应时间为 尽量用最短的时间。以下是一些好的和坏的网站页面响应的示例。这会影响 INP 的测量值。左侧反应较差（慢），而右侧反应良好（快）。