AlgoPlusAlgoPlus
AlgoPlus//web / web-vitals
Read the theory

Core Web Vitals

The three metrics Google uses to grade page experience — loading (LCP), visual stability (CLS), and responsiveness (INP) — measured across one page load.

Metric
Legend
Being measured now
Good
Needs improvement
Poor
AI Tutor Workspace
In a nutshell
Core Web Vitals are the three metrics Google uses to grade real page experience. LCP (Largest Contentful Paint) is when the biggest visible element finishes rendering — loading speed, good at 2.5s or less. CLS (Cumulative Layout Shift) scores how much content unexpectedly jumps as the page loads — visual stability, good at 0.1 or less. INP (Interaction to Next Paint) is the delay from a tap or click to the next frame drawn — responsiveness, good at 200ms or less. A page passes only when all three are good.
Ready
Press play to begin the cinematic walkthrough.
Three numbers stand in for one feeling — is this page good? LCP times how fast it looks loaded, CLS measures how much it jumps around, and INP measures how quickly it answers a tap.
Key terms
Go deeper in the lesson
Read the full theory, intuition & complexity for Core Web Vitals.