Improve your website with Web Vitals

Learn how to improve your website with Web Vitals, essential metrics for a healthy website.

 

Web Vitals

Article Optional

Learn about Web Vitals from this introductory overview.

Skip Read article

Defining the Core Web Vitals metrics thresholds

Article Optional

Learn about the research and methodology behind the recommended metrics for Core Web Vitals.

Skip Read article

Measure Web Vitals with the PageSpeed Insights and Chrome UX Report APIs

Codelab

Learn how to measure a web page’s Core Web Vitals with the PageSpeed Insights and Chrome UX Report APIs.

Take codelab

Measure and report Core Web Vitals with the web-vitals library

Codelab

Learn how to measure and report a web page's Core Web Vitals with the web-vitals JavaScript library.

Take codelab

Best practices for measuring Web Vitals in the field

Article Optional

Learn how to measure Web Vitals with your analytics tool.

Skip Read article

Optimize First Input Delay

Article Optional

Learn how to respond faster to user interactions.

Skip Read article

Optimize Cumulative Layout Shift

Article Optional

Learn how to avoid sudden layout shifts to improve your user experience.

Skip Read article

Optimize Largest Contentful Paint

Article Optional

Learn how to render your main content faster.

Skip Read article

Improve your website with Web Vitals quiz

Test your knowledge of Web Vitals.

Take the quiz