INPvsLCP

INP

INP 追踪用户在页面上的所有交互（点击、轻触、键盘输入），记录从输入到浏览器完成下一帧视觉更新的最长延迟。2024 年 3 月正式取代 FID 成为 Core Web Vitals 的响应性指标，2026 年仍有 43% 的网站未达标。

LCP

LCP 测量视口内最大可见元素（通常是首屏大图或主标题）完成渲染的时间点，是 Google Core Web Vitals 三大指标之一。当 LCP 超过 2.5 秒，用户会明显感觉「这页面好慢」，Google 也会在排名上扣分。

INP

• 良好阈值 ≤ 200ms，差 > 500ms——比 FID 严格得多
• 观测页面全生命周期的所有交互，取最差的那次（排除极端异常值）
• 2024 年 3 月正式取代 FID，是目前最常不达标的 Core Web Vital

LCP

• 良好阈值 ≤ 2.5s，差 > 4.0s，直接影响 SEO 排名
• 2026 年 Firefox 和 Safari 也已支持 LCP 指标采集，不再是 Chrome 独占
• 最大元素通常是 hero image、视频封面或大段文本块——优化它就是优化用户第一印象

INP

衡量页面在整个生命周期内对用户交互响应速度的 Core Web Vitals 指标，取所有交互中最慢一次的完整延迟。

LCP

页面视口内最大可见内容元素完成渲染所需的时间，是 Google Core Web Vitals 的加载性能指标。

INP

• 诊断页面交互卡顿（按钮点击无反应、输入框延迟）
• 评估第三方脚本对页面响应性的影响
• 作为 SEO 技术审计中响应性维度的核心指标

LCP

• 诊断首屏加载慢的性能瓶颈
• 作为 SEO 技术审计的核心检查项
• 监控线上真实用户体验（RUM）

INP

INP 由 Google 于 2022 年提出、2024 年 3 月正式纳入 Core Web Vitals，替代只测量首次交互输入延迟的 FID。INP 衡量的是完整交互生命周期：从用户输入事件触发，经过 JavaScript 处理，到浏览器完成下一帧绘制的总耗时。它会观察页面上发生的每一次交互，最终报告最慢的那次（有少量异常值排除机制）。常见瓶颈包括：长任务阻塞主线程、大量同步 DOM 操作、第三方脚本抢占执行时间。优化策略包括拆分长任务（yield to main thread）、减少 JS 执行量、使用 requestAnimationFrame 和 CSS containment。

LCP

LCP 是 Google 于 2020 年推出的 Core Web Vitals 加载性能指标，标记视口内最大内容元素完成渲染的时刻。它比传统的 Load 或 DOMContentLoaded 更贴近用户真实感知：用户不关心所有资源是否加载完，只关心「我能看到主要内容了吗」。常见瓶颈包括未优化的大图、阻塞渲染的 CSS/JS、服务器响应慢（TTFB 高）。优化路径通常是：压缩关键资源、预加载 LCP 元素、使用 CDN 降低 TTFB、延迟非关键脚本。需注意 LCP 元素可能随页面加载动态变化，最终以最大的那个为准。