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

# Core Web Vitals# INP# 网站性能# 前端开发
免费咨询

聊聊你的项目

留下联系方式,我们一个工作日内联系你。先沟通需求和现状,再给方案;报价当面沟通。

  • 一个工作日内回复
  • 需求沟通免费,不强推方案
  • 交付管理后台与文档,可自行维护
仅用于本次咨询联系,不会用于其他用途。