首先回顾下谷歌核心网页指标Core Web Vitals的三大指标:LCP, FID, CLS。


指标

LCP

FID

CLS

NIP

Good

<=2.5秒

<=100毫秒

<=0.01

<=200毫秒

Need Improvement

<=4秒

<=300毫秒

<=0.25

>300毫秒<=500毫秒

Poor

>4秒

>300毫秒

>0.25

>500毫秒

LCPLargest Contentful Paint测量加载性能。为提供良好的用户体验,LCP 应在页面首次开始加载后的2.5 秒内发生。

FIDFirst Input Delay ):测量交互性。为了提供良好的用户体验,页面的 FID 应为100 毫秒或更短。

CLSCumulative Layout Shift ):测量视觉稳定性。为了提供良好的用户体验,页面应保持 0.1 的 CLS。或更少。

什么是INP?

INP(Interaction to Next Paint)是即将成为核心网页指标的一种指标,它通过观察在用户访问页面的整个生命周期内发生的所有点击、点击和键盘交互的延迟来评估页面对用户交互的整体响应。

为什么要用INP替代FID?

自谷歌在2021年的6月发布核心网页指标之后,发现FID存在一些限制,谷歌决定对FID进行升级,取名为NIP,INP 观察用户与页面进行的所有交互的延迟,取代FID仅报告首次输入延迟,并将在 2024 年 3 月取代首次输入延迟 (FID)

关于INP深入讲解:

1.在 INP 考虑所有页面交互的情况下, (FID)首次输入延迟仅考虑第一次交互。它还只测量第一次交互的输入延迟,而不是运行事件处理程序所花费的时间,或者呈现下一帧的延迟。

2.INP 的目标是确保对于用户进行的所有或大多数交互,从用户发起交互到绘制下一帧的时间尽可能短。

3.INP 的目的不是衡量交互的所有最终效果,而是衡量下一次绘制被阻止的时间

4.INP观察的交互类型:用鼠标点击;在带有触摸屏的设备上点击;按物理键盘或屏幕键盘上的键。

阻塞任务 ->收到输入 ->输入延迟 ->处理时间 -> 呈现延迟 ->框架呈现)

若交互中有多个交互事件发生,则选择交互中持续时间最长的事件作为交互的延迟



点赞(2) 打赏

评论列表 共有 0 条评论

暂无评论

服务号

订阅号

备注【拉群】

商务洽谈

微信联系站长

发表
评论
立即
投稿
返回
顶部