什么是Interaction to Next Paint(INP)

什么是Interaction to Next Paint(INP)

什么是Interaction to Next Paint(INP)

2022年5月,Google在他们的CrUX报告中添加了首字节时间(TTFB)和下一次绘制的交互(INP)

  Interaction to Next Paint,翻译为与下一次绘制的交互,简称 INP,是Google最新的Web性能指标,用于衡量网站响应能力,类似于首次输入延迟(FID),它目前是三个核心WebVitals之一。本质上,INP衡量页面对用户输入的响应速度。

什么是Interaction to Next Paint(INP)
什么是Interaction to Next Paint(INP)

  更快的响应会方可感觉快速流畅,而更慢的响应会导致每次连续操作都感到沮丧,直到用户最终离开网站。本文晓得博客为你介绍什么是Interaction to Next Paint(INP)及如何优化改善指标。

  注意:与所有Web性能指标一样,INP最终目标是创造尽可能好的用户体验,以便消费者在您的网站上停留更长时间并更倾向于购买。

  推荐:什么是lazy loading延迟加载

INP和FID(首次输入延迟)有什么区别?

  INP 测量整个会话期间与页面的所有交互,而First Input Delay仅测量与页面的第一次交互。INP不仅测量输入延迟,还测量事件处理程序的处理时间以及绘制下一帧所需的时间。

  FID 是在第一次与页面交互后计算的,而INP是在用户离开页面后计算的,产生一个代表页面整体响应能力的值。

  推荐:什么是Brotli压缩?网站开启Brotli压缩的好处

如何测量Interaction to Next Paint(INP)?

  交互延迟测量从用户与页面交互(例如点击、单击或按键)到呈现下一帧(这意味着用户在他们的屏幕上看到不同的东西并获得他们的交互的反馈)的时间已触发更改)。这段时间包括:

  输入延迟(input delay)——用户与页面交互和事件处理程序执行之间的时间

  处理时间(processing time)——相关事件处理程序代码执行所需的时间

  呈现延迟(presentation delay)——处理完成和浏览器呈现下一帧之间的时间

  INP考虑所有页面交互和完整交互延迟,其中FID测量第一次交互并且仅测量该交互的输入延迟-因此FID测量更快且阈值更低。

  建议您通过PageSpeed Insights运行您的网站,并查看新的字段指标以了解网站的性能。也可以使用Web Vitals Google扩展程序来测试。

如何测量Interaction to Next Paint(INP)
什么是Interaction to Next Paint(INP)

什么是好的Interaction to Next Paint

  与Google的其他字段指标一样,以下阈值基于字段中记录的75%的页面加载,并在移动设备和桌面设备之间进行细分:

什么是好的Interaction to Next Paint
什么是Interaction to Next Paint(INP)
  • 好的低于200毫秒
  • 需要改进的200到500毫秒之间
  • 差的500毫秒以上

如何提高Interaction to Next Paint(INP)?

  截止目前,目前没有足够的真实用户数据或测试来确定对INP产生最大影响的因素。由于它与FID相似,可能导致 Interaction to Next Paint 过高的最常见原因是:

  • 第三方脚本
  • 未优化的Javascript包
  • 框架开销
  • 多个事件处理程序
  • 样式和布局的复杂性

总结

  以上是晓得博客为你介绍的什么是与下一次绘制的交互INP的全部内容,INP记录整个页面生命周期中所有交互的延迟,也就是页面对用户交互的反应速度。对于具有许多交互的页面,则使用近似值的最大持续时间。

  推荐:Google站长工具教程- Google search console使用教程

5/5 - (1 vote)

ThemeForest 模板套件
可视化创建WordPress网站

发表评论

您的电子邮箱地址不会被公开。

Scroll to Top