Core Web Vitals in 2026: what actually moves the ranking

Every time someone asks me "what does real performance mean", the answer isn't a Lighthouse score on screen — it's LCP, CLS and INP, the three metrics Google actually uses to decide whether your page is good to use.

LCP (Largest Contentful Paint) measures how long until the largest visible element shows up. On the Reapho project, the audio-synced reading platform, the biggest win came from no longer waiting on a custom font before showing text — switching to font-display: swap dropped LCP from 3.1s to 1.8s.

CLS (Cumulative Layout Shift) is about visual stability: nothing should "jump" on screen while the page loads. The most common mistake I see is an image with no width/height set, pushing content down the moment it finishes loading.

INP (Interaction to Next Paint) replaced the old FID in 2024 and measures responsiveness to any interaction, not just the first one. On HEFLO's BPM platform modernization, that meant auditing click handlers that were triggering heavy re-renders — Zustand helped isolate exactly which state actually needed to re-render.

None of these metrics are about feeling fast. They're about being fast at the exact moment someone's waiting on you — on the first click, not the average of a whole session.