Web Vitals, what is it?
Web Vitals is one of the new tools offered by Google to website developers to check if certain common elements of a website are working properly. These elements are closely related to the user's experience during navigation.
How to install Web Vitals?
This is a tool that is installed as an extension within the Google Chrome browser, although, since it is in the alpha phase, you have to carry out a series of steps to be able to install it in the browser.
- GitHub must be accessed through this link.
- The file must be decompressed. A folder will then appear.
- Open Google Chrome and go to the extensions.
- Developer mode must be enabled.
- You must drag the folder for import and finally activate the extension.
What elements does Web Vitals measure?
This extension performs an analysis of three types of elements of a website.
- LCP (Largest Contentful Paint). This metric analyses the performance of the website so that its indicator refers to the time when the main content has been loaded.
- FID (First Input Delay). This metric performs an analysis of the interactivity of the website. Its measurement is based on a relationship between the moment the user carries out his first interaction, and the moment the website starts to respond to that interaction.
- CLS (Cumulative Layout Shifto). This metric performs an analysis of the visual stability of the website, i.e. it measures the changes of the website elements.
For LCP metrics, the optimal time should be 2.5 seconds after the start of the website loading. For FID, the optimal time should be less than 100 milliseconds. For CLS, the optimal time must be less than 0.1.