2026 年的 Core Web Vitals：INP、LCP 与现场测量

一个终于稳定的基座

Core Web Vitals 衡量真实的体验：加载（LCP）、响应性（INP）与视觉稳定性（CLS）。自 2024 年 3 月起，INP 取代了旧有的 FID，成为响应性指标——这是一次重大变化，因为它捕捉的是交互的全部延迟，而不只是第一次延迟。

更近的变化不显眼，但对认真测量的人很重要：随着 Safari 26.2（2025 年 12 月 12 日），LCP 与 INP 成为 「Baseline Newly available」——换句话说，所有主流浏览器的最新版终于都带上了测量它们所需的 API。因此在 2026 年，你可以在整个受众范围内追踪这些指标，而不只是在 Chrome 上。

要达成的目标

不是什么难事，但必须做到：

• LCP — 主要元素在 2.5 秒以内可见。
• INP — 对点击的可见响应在 200 毫秒以内。
• CLS — 布局位移小于 0.1。

真正的教训：到现场去测量

2026 年的教训不是一个新阈值，而是一套方法。实验室分数（Lighthouse）不够：它反映的是一台强劲的机器和一条完美的连接。真正要紧的是现场数据——真实用户，经由 Chrome UX Report 和如今已普及的 API。而且 Google 越来越多地在站点层面、而非仅逐页地汇总这些信号：少数几个慢页面，可能拖累全局。

我在项目里怎么做

• 我持续测量（Speed Insights、CrUX），而非交付前测一次。
• 我把 INP 当作一个真正的课题：拆分 JavaScript、减轻事件处理器、避开阻塞主线程的长任务。
• 我为图片和字体预留空间，以稳住 CLS。

2026 年，问题不再是「实验室分数是多少？」，而是「我真实的访客，在他们真实的手机上，体验到了什么？」。这才是唯一要紧的衡量。