与 Next Paint 或 INP 的交互Google 的新核心网络生命力

Folas

呈现延迟（呈现延迟），即事件处理程序执行结束与下一个事件处理程序呈现之间的时间浏览器框架。 一般来说，低 INP 意味着页面始终能够快速响应所有或绝大多数用户交互。 计算 INP：最佳值是多少 根据 Wagner 的说法，将“好”或“差”等标签归因于响应能力指标是很困难的：一方面，Google 希望鼓励开发提供优质的用户体验 良好的反应性，但另一方面，有必要考虑到相当大的可变性人们使用的设备的功能，并通过选择在低端设备上并非不可能实现的目标来相应地设定真正可实现的期望。 有鉴于此，重要的是响应性指标适合最多样化的用例，并确保实现这一目标，一个很好的衡量阈值是现场记录的页面加载的 第 75 个百分位数，在移动设备和桌面设备之间进行细分： INP值小于或等于200毫秒表示页面响应能力良好。 INP大于200毫秒且小于等于500毫秒表示页面响应能力需要提高。

< /span> INP 大于 500 毫秒表示页面响应能力较差。 但是，由于 INP 是一个实验指标，随着指标的微调，与阈值相关的指示可能会随着时间而变化，通知文章。 互动中有什么？ 此时，理解交互的含义也变得很有用。交互，瓦格纳特别关注这一方面。 与页面交互时，交互引擎通常是JavaScript，尽管浏览器也通过控件提供交互性 a>，例如复选框、单选按钮、HTML 元素不由 JavaScript 处理 关于与下一次绘制的交互，交互由 WhatsApp 号码数据 以下操作之一组成： 用鼠标在交互元素上单击单击。 点击触摸屏设备上的交互元素。 按物理键盘或屏幕键盘上的某个键。 一次交互可以由多个事件组成多个事件 – 例如，按下一个键由事件 keydown 和 keyup（大写/小写）组成或可通过同一键访问的其他字符）和触摸交互包含指针向上和指针向下事件（升高和降低指针）——并且交互的所有事件都是所谓的逻辑用户交互的一部分（逻辑用户交互)。 单一交互的阶段 每次交互都由三个阶段组成：进入延迟、处理时间和呈现延迟以及上图显示了单次交互的步骤。



输入延迟从收到输入的那一刻起就会发生，并且可能是由主线程上的阻塞任务等因素引起的。处理时间是交互事件处理程序执行所需的时间。执行结束时存在呈现延迟，即渲染和绘制下一帧所需的时间。 复杂交互方案 与交互相关的回调事件的持续时间是三个阶段时间的总和；记录用户逻辑交互中持续时间最长的事件。 与 CLS 类似，INP 在用户离开页面时计算，获得代表页面整体响应能力的单个值页面在其整个生命周期中。如果页面对高百分位数交互反应很快，则意味着所有较低百分位数的交互也很快。 如果没有交互会发生什么 在某些情况下，页面会加载，但用户没有交互。发生这种情况的原因有多种： 用户可能加载了该页面，但分心并且从未使用过该页面。 用户加载页面，使其滚动滚动（这不是 INP 考虑的交互），但从未点击，触摸或按下键盘上的某个键。也许用户正在寻找的页面的有用部分不需要任何交互即可到达。