摘要： 
以用户为中心的性能指标是理解和改进站点体验的关键点
一、以用户为中心的性能指标
1. 指标是用来干啥的？
指标是用来衡量性能和用户体验的
2. 指标类型
感知加载速度：网页可以多快地加载网页中的所有视觉元素并将其渲染到屏幕上
加载响应速度：页面加载和执行组件快速响应用户互动所需的 JavaScript 代码的速度
运行时响应速度：网页在加载后对用户互动的响应速度
视觉稳定性：页面上的元素是否会以用户意想不到的方式发生偏移，是否可能会干扰用户的互动？
流畅性：过渡和动画是否以一致的帧速率渲染，并在一种状态之间流畅地流动？
3.1. FCP（First Contentful Paint）
3.2. LCP（Largest Contentful Paint）
3.3. INP（Interaction to Next Paint）
3.4. TBT（Total Blocking Time）
3.5. CLS（Cumulative Layout Shift）
3.6. TTFB（Time to First Byte）
3.7. FID（First Input Delay） 阅读全文
以用户为中心的性能指标是理解和改进站点体验的关键点
一、以用户为中心的性能指标
1. 指标是用来干啥的？
指标是用来衡量性能和用户体验的
2. 指标类型
感知加载速度：网页可以多快地加载网页中的所有视觉元素并将其渲染到屏幕上
加载响应速度：页面加载和执行组件快速响应用户互动所需的 JavaScript 代码的速度
运行时响应速度：网页在加载后对用户互动的响应速度
视觉稳定性：页面上的元素是否会以用户意想不到的方式发生偏移，是否可能会干扰用户的互动？
流畅性：过渡和动画是否以一致的帧速率渲染，并在一种状态之间流畅地流动？
3.1. FCP（First Contentful Paint）
3.2. LCP（Largest Contentful Paint）
3.3. INP（Interaction to Next Paint）
3.4. TBT（Total Blocking Time）
3.5. CLS（Cumulative Layout Shift）
3.6. TTFB（Time to First Byte）
3.7. FID（First Input Delay） 阅读全文