---

title: Core Web Vitals 2024：INP 取代 FID 的优化清单

keywords:

• Core Web Vitals
• INP
• LCP
• CLS
• 优化清单

description: 说明 2024 年起 INP（交互到下一绘制）取代 FID 成为核心指标，并给出面向真实用户性能的系统化优化路径。

date: 2025-11-26

sources:

• https://web.dev/inp/
• https://web.dev/blog/inp-cwv/
• https://developer.chrome.com/docs/web-platform/performance/core-web-vitals/

categories:

• 文章资讯
• 技术教程

---

概述

INP 衡量页面交互的整体响应性，优于 FID 的单点首交互视角。Google 于 2024 年将 INP 纳入 Core Web Vitals。优秀阈值为 ≤ 200ms（来源）。

优化要点（已验证）

• 主线程负载：减少长任务，使用分片/调度与异步操作（来源）
• 渲染与布局：降低重排与大区域 repaint；合理使用 contain 与虚拟列表（来源）
• 事件处理：避免阻塞型事件回调；利用 passive 监听与优先队列（来源）
• 资源策略：按需加载与优先级管理（preload/prefetch），减少阻塞（来源）

监测与实战

• RUM：引入 INP 采集并对不同交互类型聚合统计；关注长尾与平台差异