INP 取代 FID 成为核心网页指标：网站交互响应的新标准
2024 年 3 月 12 日，INP 正式成为核心网页指标并取代 FID，良好标准为 75 分位不超过 200 毫秒。交互较多的企业网站和电商站需要重点优化。
- 2024 年 3 月 12 日起，INP 取代 FID 成为核心网页指标之一。
- FID 只衡量首次交互的输入延迟，INP 观察整个访问过程中的所有点击、触摸和键盘交互。
- 按 web.dev 的标准，INP 在 75 分位不超过 200 毫秒为良好。
- 统计、客服、广告等第三方脚本占用主线程，是 INP 变差的常见原因。
- 单页应用要特别留意路由切换、列表渲染、状态更新等场景的响应表现。
发生了什么
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 执行。
- 审查第三方脚本，移除不再使用的，其余延迟加载。
- 交互后先给出视觉反馈，再处理耗时逻辑。
大乐网络在网站交付时会把核心网页指标纳入验收检查，具体做法可参考网站性能优化清单。
常见问题
INP 多少算合格？
按 web.dev 的标准，INP 在 75 分位不超过 200 毫秒为良好。INP 衡量从用户点击、触摸或按键到页面下一次绘制的时间，并观察整个访问过程中的所有交互。可以在 PageSpeed Insights 或 Search Console 中查看真实用户的 INP 数据。
网站 INP 表现差，通常是什么原因？
常见原因是主线程被占用：统计、客服、广告等第三方脚本，以及单次交互触发的大量 JavaScript 执行。电商商品筛选、购物车、规格切换和表单较多的询盘页尤其容易出问题。可以拆分长任务、延迟加载第三方脚本，并在交互后先给出视觉反馈。