A Core Web Vitals (CWV) már nem csak "technikai követelmény", hanem közvetlen rangsorolási tényező. 2026-ban a Google szigorúbb küszöböket alkalmaz, és az INP (Interaction to Next Paint) véglegesen leváltotta a régi FID mutatót. Ha az oldalad lassú, elcsúszó vagy reagálástalan, nemcsak a felhasználók türelme fogy el – a keresőrobotok is ritkábban indexelnek.
A 3 alapmutató 2026-ban (és a határértékek)
A Google három fő területet mér: betöltés, interaktivitás, vizuális stabilitás. Az alábbi küszöbök felett az oldalad "Needs Improvement" vagy "Poor" besorolást kap, ami rangsorolási hátrányt jelent.
1. LCP – Largest Contentful Paint (Betöltési sebesség)
Az LCP azt méri, mennyi idő alatt jelenik meg a képernyő legnagyobb látható eleme (általában a főcím, a hero kép vagy egy videó). 2026-ban a Google már nem a teljes oldal betöltését nézi, hanem a felhasználó által elsőként észlelt tartalom megjelenését.
2026-os határérték: ≤ 2.5 másodperc (Jó) | 2.5–4.0 s (Fejlesztendő) | > 4.0 s (Gyenge)
Javítás: Használj WebP/AVIF képeket, lazy loadinget, szerveroldali gyorsítótárat (CDN), és kerüld a blokkoló CSS/JS fájlokat. A LCP elemet mindig a HTML elején preload-olddal töltsd be.
2. INP – Interaction to Next Paint (Reagálási idő)
Az INP méri, mennyi idő alatt reagál az oldal a felhasználói interakciókra (kattintás, görgetés, billentyűleütés). 2026-ban ez a legkritikusabb mutató: ha a gombok késnek, a Google "rossz felhasználói élménynek" értékeli az oldalt.
2026-os határérték: ≤ 200 ms (Jó) | 200–500 ms (Fejlesztendő) | > 500 ms (Gyenge)
Javítás: Tördeld fel a hosszú JavaScript feladatokat (long tasks), használj `requestIdleCallback`-et, kerüld a fő szál blokkolását, és optimalizáld az event listener-eket. A web worker-ök használata jelentősen csökkentheti a main thread terhelését.
3. CLS – Cumulative Layout Shift (Vizuális stabilitás)
A CLS azt méri, mennyire "ugrál" az oldal betöltés közben. Ha a képek, hirdetések vagy dinamikus tartalmak késve töltődnek be, a tartalom elcsúszik, ami frusztráló és kattintási hibákhoz vezet.
2026-os határérték: ≤ 0.1 (Jó) | 0.1–0.25 (Fejlesztendő) | > 0.25 (Gyenge)
Javítás: Adj meg explicit `width` és `height` attribútumot minden képhez és iframe-hez. Kerüld a dinamikus tartalmat a LCP elem közelében. Használj `aspect-ratio` CSS tulajdonságot és tartalék helykitöltőket (placeholder) a hirdetéseknek.
Hogyan mérd és ellenőrizd a CWV-t?
A mérés nem opcionális. 2026-ban a Google a valós felhasználói adatokat (Field Data) részesíti előnyben a laboratóriumi tesztekkel szemben.
- Google Search Console: A "Core Web Vitals" menüpont alatt láthatod az élő felhasználói adatokat oldalszinten.
- PageSpeed Insights: Labor + mezőadatok kombinációja, konkrét javítási javaslatokkal.
- Chrome UX Report (CrUX): Nyilvános valós idejű adatbázis a domainek teljesítményéről.
- Web Vitals Chrome Extension: Fejlesztés közbeni valós idejű monitoring.
Gyakorlati CWV Checklist 2026-ra
- ✅ LCP ≤ 2.5s: tömörített média, CDN, preload, szerver válaszidő < 0.8s
- ✅ INP ≤ 200ms: hosszú JS feladatok törése, main thread tehermentesítés
- ✅ CLS ≤ 0.1: explicit méretek, placeholder-ek, statikus layout
- ✅ TTFB ≤ 0.8s: gyors szerver, HTTP/3, edge caching
- ✅ Mobil-first tesztelés: a CWV-t mobilon mérik elsődlegesen
- ✅ Rendszeres audit: havi PageSpeed ellenőrzés + CrUX monitorozás
"A Core Web Vitals nem technikai bürokrácia. Arról szól, hogy a felhasználó ne várjon, ne csalódjon és ne veszítsen bizalmat. Aki ezt 2026-ban megérti, az nem csak rangsorol, hanem konvertál." – HelloSEO Technikai Irányelv
Következő lépés:
Nem tudod, hol bukik el az oldalad a CWV teszten? Kérj ingyenes teljesítmény-auditot, és megmutatjuk a pontos technikai hiányosságokat, valamint a javítási tervet.