Core Web Vitals – what they are and how to improve them
Google uses Core Web Vitals as a ranking factor. Slow websites no longer stand a chance in the top results. Here is how to measure and optimize the 3 key metrics.
The 3 metrics
LCP (Largest Contentful Paint): the time until the largest visible element is displayed. Target: under 2.5 seconds. INP: how long the site takes to react to clicks. Target: under 200ms. CLS: how much elements "jump" while loading. Target: under 0.1.
How to measure
Google PageSpeed Insights, Google Search Console, Lighthouse in DevTools.
How to optimize LCP
Images in WebP/AVIF with lazy loading, fast hosting, CDN, preload for the hero image.
How to optimize INP
Minimize JavaScript, remove unnecessary plugins, debouncing.
How to optimize CLS
Explicit dimensions for images, font display swap, avoid inserting content above existing content.