Lighthouse 学习 1: 认识 Web Vitals

Lighthouse 学习 1: 认识 Web Vitals

Core Web Vitals

Web Vitals 是由 Google 提供的统一参考以测量和反馈网站是否提供了好的用户体验。而其中 Core Web Vitals 是从不同的方面反应用户体验的三个参数。Core Web Vitals 随着时间和人们的认知在不断的变化和升级。目前，2020年，Core Web Vitals 关注3个方面的用户体验。他们分别是

• loading（加载）
• interactivity（交互性）
• visual stability（视觉稳定性）

根据这三个方面，对应的三个指标分别是

• Largest Contentful Paint (LCP)：用以测量 loading 表现。为了提供良好的用户体验，从页面加载开始，最大块内容的粉刷应该在2.5秒内出现。
• First Input Delay (FID)：用以测量 interactivity。为了提供良好的用户体验，页面的首输入延迟不得高于1ms。
• Cumulative Layout Shift (CLS)：用以测量 visual stability。为了提供良好的用户体验，布局位移需小于0.1。

当以上三个指标在75%情况下同时达标就可认定为网站提供了一个良好的用户体验。

测量工具

Google提供了一系列的工具来测量 Core Web Vitals。