Core Web Vitals

A Core Web Vitals (webes alapmutatók) a Google három mérőszáma, amely a felhasználói oldalélményt számszerűsíti:

• LCP (Largest Contentful Paint), milyen gyorsan jelenik meg a fő tartalom (cél: 2,5 mp alatt),
• INP (Interaction to Next Paint), milyen gyorsan reagál az oldal a kattintásra,
• CLS (Cumulative Layout Shift), mennyire „ugrál" a tartalom betöltés közben.

A Core Web Vitals megerősített rangsorolási tényező, és közvetlenül hat a felhasználói élményre (lassú, ugráló oldalról elmennek a látogatók). Mérni a Google PageSpeed Insights és a Search Console „Webes alapmutatók" jelentésében tudod.

A három mutató küszöbértékei és következményei:

• LCP (Largest Contentful Paint): 2,5 mp alatt „jó", 2,5–4 mp között „fejlesztendő", 4 mp felett „gyenge". Az LCP leggyakoribb rontói a nagy képfájlok és a lassú szerverre érkező HTML.
• INP (Interaction to Next Paint): 200 ms alatt „jó", 200–500 ms között „fejlesztendő", 500 ms felett „gyenge". JavaScript-nehéz oldalak, blokkolt renderelés esetén romlik.
• CLS (Cumulative Layout Shift): 0,1 alatt „jó", 0,1–0,25 között „fejlesztendő", 0,25 felett „gyenge". Képek és hirdetések méret-attribútum nélkül, betűtípus-csere okozzák főként.

A 2026-os Page Experience rangsorolási rendszerben a Core Web Vitals az egyik leginkább mérhető és közvetlenül javítható tényező. Ha az oldalad mobilon gyenge pontszámokat mutat, ez különösen kritikus, mivel a Google mobile-first indexelés elvén működik — a mobil verzió teljesítménye határozza meg az asztali találati pozíciót is.

Egy pécsi lakberendezési webshop PageSpeed Insights mérése 31-es pontszámot mutatott mobilon, az LCP értéke 8,2 másodperc volt — főként a 2 MB-os hero képek miatt. A fejlesztőcsapat három változtatást hajtott végre: 1) Az összes kép WebP formátumra konvertálva és lazy loading bekapcsolva, 2) A hero kép explicit mérettel ellátva (width + height attribútum), így a CLS 0,38-ról 0,06-ra csökkent, 3) CDN bevezetve a statikus fájloknak. Az eredmény: az LCP 8,2 másodpercről 2,1 másodpercre csökkent, a PageSpeed-pontszám 31-ről 78-ra ugrott. A Search Console-ban két hónapon belül az organikus kattintások 27%-kal nőttek, és a visszafordulási arány 68%-ról 51%-ra csökkent mobilon. A befektetés megtérülési ideje 6 hét volt.

A Core Web Vitals három mérőszáma közül az LCP (Largest Contentful Paint) a betöltési sebességet, az INP (Interaction to Next Paint) az interaktivitást, a CLS (Cumulative Layout Shift) a vizuális stabilitást méri. Együttesen adják a Page Experience pontszámot.

Az oldalsebesség (page speed) tágabb fogalom a Core Web Vitals-nál: magában foglalja az összes betöltési metrikát, míg a CWV csak a felhasználói élmény szempontjából legkritikusabb három mutatót emeli ki. A lazy loading (késleltetett betöltés) közvetlen javítóeszköz az LCP-re és a CLS-re, mivel a képek és videók késleltetett betöltése csökkenti a kezdeti betöltési időt.

A mobile-first indexelés szempontjából a Core Web Vitals értékek mobilon számítanak elsősorban — a Google a mobil verzió alapján rangsorol. Ezért a fejlesztések prioritása mindig a mobil élmény javítása.

• Hiba: Csak az asztali PageSpeed-pontszámot nézed. A Google mobile-first indexelést alkalmaz, ezért a mobil pontszám számít a rangsorolásnál. Sok oldal asztali gépen 90+ pontot ér el, mobilon mégis 30 alatt van — ezt nem szabad figyelmen kívül hagyni.

• Hiba: A mérés csak laboron alapul, valós adatok nélkül. A PageSpeed Insights „labor" adata szimulált, de a Google a valós felhasználói adatokat (CrUX adatbázis) veszi figyelembe a rangsorolásnál. Ha a Search Console Webes alapmutatók jelentésébe nem nézel bele, elvesznek a valós problémák.

• Hiba: Egyszeri javítás után nincs monitorozás. A Core Web Vitals értékek idővel romlanak: új bővítmények, hirdetési szkriptek, képfrissítések visszaronthatják a pontszámot. 2026-ban havi ellenőrzés nélkül könnyen visszaesik az oldal a „fejlesztendő" kategóriába.

A Core Web Vitals a Google három alapmutatója: LCP (betöltési sebesség), INP (interaktivitás) és CLS (vizuális stabilitás). 2026-ban megerősített rangsorolási tényezők, amelyeket a Search Console és a PageSpeed Insights segítségével mérhetsz. A leggyakoribb javítás a képoptimalizálás, a lazy loading bevezetése és a JavaScript blokkolás csökkentése.