Core Web Vitals are a set of 3 key performance metrics that measure:
- loading speed,
- interactivity, and
- visual stability
of a web page.
They basically tell you the performance of your frontend
3 key performance metrics or Web Vitals are:
Core Web Vitals matter for businesses because they directly impact user satisfaction, engagement, and ultimately, business success:
You can easily view the core web vitals of any web app. There are 3 simple ways to see them:
1. Open Chrome DevTools:
2. Navigate to the Lighthouse Tab:
3. Configure Lighthouse Settings:
4. Run the Lighthouse Audit:
5. View Core Web Vitals:
Using Chrome DevTools:
1 - Open Chrome DevTools:
2 - Start Recording:
3 - Interact with the Page:
4 - Stop Recording:
5 - View Core Web Vitals:
https://vimeo.com/950986630/8d6700c5f9?share=copy
Using Google PageSpeed Insights
1. Open Google PageSpeed Insights:
2. Enter URL:
3. Run Analysis:
4. View Core Web Vitals:
5. Check Recommendations: