什么是INP,它是如何工作的呢?

470 阅读2分钟

从2024年3月12日起Google将改变其核心网络体验指标集,并从首次输入延迟(FID)转换为下一次交互到绘制(INP),这意味着一个新的指标将成为谷歌排名因素之一。

什么是INP,它是如何工作的呢?

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

INP(交互到下一次绘制)是一个专注于用户交互的指标。

简单来说,INP测量从每一个动作(如点击、点击或按键)到屏幕上显示此动作响应的时间。观察到的最长交互时间称为INP得分。

但是,如果一个网站复杂且总体上相当响应灵敏,有一个事件的交互时间很差——这不会影响INP,因为Google会忽略每50个交互中的一个最高交互。不过,大多数网站不会有50个交互,通常最高的交互时间会成为INP。

INP核心是寻找所有用户交互中最慢的一个,并将其作为网站的INP得分。它不像 FID 指标那样只使用第一次交互。

哪种交互影响INP?

交互本身可以由JavaScript(是的,JS也可以)、CSS、内置浏览器控件(如表单元素)或这些的组合驱动。

"狂点”和INP

与INP相关的一个常见问题是”无奈“的暴力点击。

当网站对用户交互没有响应时,用户就会多次点击同一个元素。例如,当一个移动导航菜单应该打开,但它没有,用户就会再次点击它。但此时,菜单实际上已经打开了。

这是一个非常差的用户体验!

Google 想通过INP 来引起大家对此的关注。

如何优化INP

  • 代码优化: 减少JavaScript和CSS的加载时间,优化代码执行效率可以显著改善INP。
  • 避免阻塞: 避免长时间运行的脚本和资源阻塞,确保用户操作可以迅速得到响应。
  • 异步加载: 使用异步加载技术来减少首次加载时的延迟,改善用户交互的响应时间。

面对的挑战

  • 复杂网站: 对于功能丰富或内容繁杂的网站,优化INP可能会更加困难,但通过合理的资源分配和优化,可以获得改进。
  • 用户行为: 如"狂点"(用户对不响应的元素连续点击)可能导致不良的INP得分,需设计更直观的用户界面来减少此类行为。

总结

随着INP成为谷歌核心网络指标的一部分,优化这一指标对于提升搜索排名和用户体验变得至关重要。通过理解INP的工作原理和影响因素,网站开发者可以采取相应措施,确保他们的网站能够在这一新的排名因素下表现出色。