Web Vitals is an initiative by Google to provide unified standard for signals that are essential to great user experience on the web. The initiative aims to focus on the metrics that matter most, the Core Web Vitals.
Web Vitals apply to all web pages. Each of the Web Vitals represents a separate kind of the user experience, and represents the real-world experience.
The Core Web Vitals focus on three simple UX characteristics of a page:
- Loading Time
- Visual Stability
The Core Web Vitals metrics are:
- Largest Contentful Paint (LCP)
- First Input Delay (FID) / Total Blocking Time (TBT)
- Cumulative Layout Shift (CLS)
Largest Contentful Paint (LCP)?
This is a measure of the page loading time from a user’s view point.
First Input Delay (FID)?
It measures the responsiveness of the page towards user input. It measures the time from when a user first interacts with a page (i.e., when they click a link or tap on a button) to the time when the browser responds to that interaction.
Cumulative Layout Shift (CLS)?
It measures the stability of the page. It accounts for how many times the components of the page move or “shift” around while the page is loading.
How To Improve My Web Vitals?
- Listen to your users. With your analytics tools, identify your most important pages and note what is most important to your users,
- Serve smaller content from closer to the user. Use a CDN in instead of including large file that will end up slowing down the browser.