Web 性能入门指南-2.0 核心网络性能指标LCP、INP、CLS

Largest Contentful Paint、Interaction to Next Paint 和 Cumulative Layout Shift 是前端性能优化和用户体验评估中的重要指标，以下是它们的英文缩写及中文含义：

最大内容绘制 (LCP)

英文缩写：Largest Contentful Paint，LCP

中文含义：最大内容绘制（或最大内容渲染时间）。LCP 衡量从网页开始加载到屏幕上渲染最大的文本块或图片元素所用的时间。它是 Core Web Vitals（核心网页指标）之一，用于评估网页加载性能，特别是首屏内容的加载速度。为了提供良好的用户体验，LCP 应该在页面首次开始加载后的 2.5 秒内发生。

交互至下一次渲染 (INP)

英文缩写：Interaction to Next Paint，INP

中文含义：互动至下一次渲染（或交互到下一次绘制时间）。INP 衡量网页对用户输入做出响应所需的时间，即用户进行点按、点击或键盘交互后，到屏幕上绘制下一帧的时间。INP 是 2022 年 Google 新引入的一个标准，用于评估网页的响应能力。理想情况下，INP 不应超过 200 毫秒，表示良好的响应能力。INP 最终可能会取代首次输入延迟 (FID) 作为 Core Web Vitals 之一。

累计布局位移 (CLS)

英文缩写：Cumulative Layout Shift，CLS

中文含义：累计布局位移（或累计布局偏移）。CLS 衡量从页面开始加载到其生命周期状态更改为隐藏之间发生的所有意外布局偏移的累计得分。它评估网页的视觉稳定性，即页面元素在加载过程中是否会发生意外的移动或变化。为了提供良好的用户体验，页面的 CLS 应保持小于 0.1。

这些指标共同构成了评估网页性能和用户体验的重要标准，帮助开发者识别并优化影响用户体验的关键因素。通过优化这些指标，可以提升网页的加载速度、响应能力和视觉稳定性，从而提高用户满意度和留存率。