性能优化问题思考总结

INP 是什么？

Interaction to Next Paint (INP)

INP是一项指标，通过观察用户在访问网页期间发生的所有点击、点按和键盘互动的延迟时间，评估网页对用户互动的总体响应情况。

互动是指在同一逻辑用户手势期间触发的一组事件处理脚本。例如，触摸屏设备上的“点按”互动包括多个事件，例如 pointerup、pointerdown 和 click。交互可由 JavaScript、CSS、内置浏览器控件（例如表单元素）或这些控件的组合促成。

互动的延迟时间包括驱动互动的一组事件处理脚本中最长的时长，即从用户开始互动到下一帧显示视觉反馈的那一刻。

INP 的目标是确保尽可能缩短从用户发起互动到下一帧绘制完成之间的时间，以尽可能缩短用户进行的所有互动或大多数互动。

注意 ：Interaction to Next Paint (INP) 是一项待处理的核心 Web 指标指标，将于 2024 年 3 月 12 日取代 First Input Delay (FID)。INP 使用 Event Timing API 中的数据评估响应能力。如果互动导致页面无响应，用户体验会很糟糕。INP 会观察用户与网页进行的所有互动的延迟时间，并报告所有（或几乎所有）互动所低于的单个值。INP 较低意味着网页始终能够快速响应所有或绝大多数用户互动。

INP 得分是多少？

很难在响应能力指标上固定“良好”或“差”等标签。一方面，您需要鼓励优先考虑良好响应能力的开发实践。另一方面，您必须考虑这样一个事实，即人们用来设定实现预期开发期望的设备的功能有很大的差异。

为确保提供良好的响应速度的用户体验，

• INP 低于或等于 200 毫秒表示您的网页具有良好的响应速度。
• INP 高于 200 毫秒且低