Core Web Vitals: fixing INP, LCP, and CLS
INP replaced FID as a Core Web Vital. Here is what each metric measures, the thresholds to hit, and the highest-impact fixes for each.
Core Web Vitals measure real user experience: how fast a page shows content, how stable it is, and how quickly it responds. They are a ranking signal and, more importantly, they shape whether visitors stay.
LCP: Largest Contentful Paint
LCP measures how long until the largest visible element loads. Aim for under 2.5 seconds.
- Optimize and properly size your hero image.
- Preload the LCP element and serve it from a fast origin or CDN.
- Remove render-blocking CSS and defer non-critical scripts.
INP: Interaction to Next Paint
INP replaced First Input Delay. It measures responsiveness across the whole visit, not just the first interaction. Aim for under 200 milliseconds.
- Break up long JavaScript tasks so the main thread stays free.
- Defer or remove heavy third-party scripts.
- Use input handlers that do minimal work, then yield.
CLS: Cumulative Layout Shift
CLS measures unexpected movement as the page loads. Aim for under 0.1.
- Set explicit width and height on images and video.
- Reserve space for ads, embeds, and late-loading content.
- Avoid inserting content above existing content after load.
Measure field data, not just lab
Lab tools give a snapshot, but Google uses field data from real users. Check both, and prioritize fixes that move the field numbers.
Speed is not a vanity metric. It is the difference between a visit and a bounce.
Every SEO Pine audit pulls Core Web Vitals from Google PageSpeed so you can see exactly where you stand.