Web vitals metric

What is it?

Core Web Vitals is a set of metrics that measure real-world user experience for loading performance, interactivity, and visual stability of the page.

Why do we need it?

People nowadays have less and less patience to wait for a website or an app to load. They want something fast and react after a blink. If the app is a little too heavy, there’s chance that the users will leave and try another competitor’s.

How do we measure it?

The quickest way is installing the chrome extension: Web Vitals – Chrome Web Store (google.com). It will show the result on your browser every time you visit a website.

vnexpress.net has very good core web vitals score

Another tool is PageSpeed Insights (web.dev).

How to improve the core web vitals score?

  1. Implement a caching solution
  2. Eliminate render blocking resources
  3. Defer loading of javascript
  4. Use a CDN
  5. Properly size and Optimize images
  6. Implement lazy loading
  7. Optimize your website fonts
  8. Load balancing

Reference: How to Improve Core Web Vitals (8 Ways) – DreamHost

Leave a Reply 0

Your email address will not be published. Required fields are marked *