INP是什么？
INP（Interaction to Next Paint）衡量的是用户与页面交互（点击、键盘输入、触摸）到浏览器下一帧呈现更新之间的延迟时间。
达标标准：
- 良好（Good）：< 200ms
- 需改进（Needs Improvement）：200-500ms
- 差（Poor）：> 500ms
INP与FID的区别
| 指标 | 测量对象 | 取值方式 |
|---|---|---|
| FID（已废弃） | 首次交互延迟 | 取第一次交互 |
| INP（新指标） | 全程交互延迟 | 取所有交互中的第98百分位 |
INP更严苛：它不只看首次点击，而是监测用户在整个访问过程中所有交互的响应延迟。
常见INP问题和修复方法
问题一：长任务（Long Tasks）阻塞主线程
- 原因：大型JavaScript执行块无法被中断
- 修复：将长任务拆分为多个小任务
问题二：框架渲染性能问题
- 原因：React/Vue等框架在状态更新时触发大量重渲染
- 修复：使用useMemo、useCallback等优化hooks
如何测量INP
- 实验室测量：Chrome DevTools的Performance面板，或Lighthouse
- 真实用户数据：Google Search Console的Core Web Vitals报告（推荐）
建议使用我们SEO工具导航中的技术SEO类工具进行全面诊断。