Skip to main content

Core Web Vitals

Design Processes

Google's three measures of how a page feels to load and use.

In practice

Core Web Vitals are the performance signals Google uses to judge real-world page experience: Largest Contentful Paint for loading, Interaction to Next Paint for responsiveness, and Cumulative Layout Shift for visual stability. They are measured from actual visitors, they affect search ranking, and they turn a vague sense of 'fast' into three numbers you can be held to.

Questions

What is Core Web Vitals?

Core Web Vitals are three user-centred metrics — LCP, INP and CLS — that quantify loading speed, interaction responsiveness and layout stability.

Why do you use Core Web Vitals?

They are what Google means by page experience, so they influence ranking — and they correlate with whether people stay.

How do you use/apply Core Web Vitals?

Measure in the field with real-user data, find what is slow or shifting, fix the heaviest offenders first, and re-measure. Lighthouse gives a lab preview.

When do you use Core Web Vitals?

Continuously, and especially before and after any change to images, fonts, scripts or layout.

Who uses Core Web Vitals?

Front-end developers, designers who choose the assets, and anyone accountable for search performance.

Noones app wallet screen in pixel-art green, Bitcoin super app by Alexis Bardini
Ash AI Pokedex open, showing bee recognition on screen

Not ready for your eyes

This site is not public yet. Enter your password to continue.

That is not it. Try again.