INP 取代 FID 成为核心网页指标:网站交互响应的新标准
2024 年 3 月 12 日,INP 正式成为核心网页指标并取代 FID,良好标准为 75 分位不超过 200 毫秒。交互较多的企业网站和电商站需要重点优化。
发生了什么
2024 年 3 月 12 日,Interaction to Next Paint(INP)正式成为 Core Web Vitals(核心网页指标)之一,取代 First Input Delay(FID)作为衡量页面响应性的指标。Chrome 团队于 2022 年 5 月将 INP 作为实验性指标引入,2023 年宣布其将在 2024 年 3 月转为稳定指标。
INP 和 FID 有什么区别
FID 只衡量用户第一次交互的输入延迟;INP 则观察用户在整个访问过程中的所有点击、触摸和键盘交互,衡量从交互发生到页面下一次绘制的时间,更能反映真实的使用体验。按 web.dev 的标准,INP 在 75 分位不超过 200 毫秒为良好。
对企业网站意味着什么
很多网站的 FID 表现不错,但 INP 可能不理想,尤其是交互较多的页面:电商的商品筛选、购物车、规格切换,表单较多的询盘页,以及加载了大量第三方脚本的营销页面。统计、客服、广告等第三方脚本占用主线程,是 INP 变差的常见原因。Core Web Vitals 是 Google 页面体验的组成部分,对面向海外市场的外贸独立站尤其值得关注。
国内网站同样可以参考这套指标。虽然百度等国内搜索引擎有各自的体验评估方式,但交互卡顿对用户体验和转化率的影响是共通的。对使用前端框架构建的单页应用,还要特别留意路由切换、列表渲染、状态更新等场景下的响应表现,这些往往不会体现在首屏加载指标里。
可以怎么做
- 在 PageSpeed Insights 或 Search Console 中查看真实用户的 INP 数据,找出问题页面。
- 拆分长任务,减少单次交互触发的大量 JavaScript 执行。
- 审查第三方脚本,移除不再使用的,其余延迟加载。
- 交互后先给出视觉反馈,再处理耗时逻辑。
大乐网络在网站交付时会把核心网页指标纳入验收检查。
来源:web.dev web.dev/blog/inp-cwv-march-12