A Core Web Vitals a Google három mérőszáma arról, milyen az oldalad élménye a látogató szemével: milyen gyorsan jelenik meg a fő tartalom (LCP), milyen fürgén reagál a kattintásra (INP), és mennyire ugrál betöltés közben (CLS). Számít, mert a Google rangsorolási jelként használja, és mert a lassú oldalról az érdeklődő egyszerűen továbbáll. Ingyen leméred a PageSpeed Insights-szal: beírod a címed, és megkapod a három értéket meg a konkrét javítási listát.
Amikor valaki telefonon rákeres a szolgáltatásodra és rákoppint az oldaladra, néhány másodperc dönt. Ha a fő tartalom nem jelenik meg gyorsan, vagy a gomb nem reagál az érintésre, a látogató visszalép és a következőt nyitja meg. A helyi keresések nagy része eleve mobilról indul, gyakran útközben, gyenge térerőn - vagyis épp ott, ahol a lassú oldal a legtöbbet veszít.
A Google ezt régóta figyeli. A Core Web Vitals a keresőóriás saját, nyilvános mérőszámai az oldalélményre, és a rangsorolás egyik jele. Nem a legfontosabb jel - a releváns, jól megírt tartalom előrébb való -, de azonos tartalom mellett a gyorsabb oldal előnyben van. Nézzük, mit mér pontosan a három szám.
A három szám: mit mér, mi a jó érték, mi rontja
Mindhárom mutató az élmény egy-egy külön részét fogja meg. Nem a szerver puszta gyorsaságáról szólnak, hanem arról, ahogy a látogató megéli az oldalt.
| Mutató | Mit mér | Jó érték | Mi rontja |
|---|---|---|---|
| LCP Largest Contentful Paint | Betöltés - mennyi idő, míg a fő tartalom (jellemzően a legnagyobb kép vagy címsor) megjelenik | < 2,5 mp | Nagy, tömörítetlen képek; lassú tárhely; sok, korán betöltő script |
| INP Interaction to Next Paint | Reagálás - milyen gyorsan válaszol az oldal egy kattintásra, koppintásra vagy gépelésre | < 200 ms | Túl sok JavaScript; nehéz oldalépítő-sablon; felesleges bővítmények |
| CLS Cumulative Layout Shift | Vizuális stabilitás - mennyire ugrál, csúszik el a tartalom betöltés közben | < 0,1 | Méret nélkül beillesztett képek; később beúszó reklám vagy betűtípus; utólag berakódó elemek |
A küszöbértékek forrása: Google / web.dev. Az INP 2024 márciusától váltotta a korábbi FID mutatót a Core Web Vitals hivatalos hármasában.
Hogyan mérd - és hogyan javítsd
A mérés ingyenes és pár perc. A javítás nagy része nem varázslat, hanem a felesleg lefaragása.
- 1
Mérd le a PageSpeed Insights-szal
Menj a Google PageSpeed Insights oldalára, írd be a címed, és nézd meg a három értéket külön mobilra és asztalira. A valós látogatói élményhez ezután a Search Console Core Web Vitals riportját is nyisd meg: ez a tényleges felhasználóid böngészőjéből gyűjti az adatot, nem laborból, és oldalcsoportonként mutatja, hol a baj.
- 2
Tömörítsd és méretezd a képeket
A képek a leggyakoribb lassító. Modern formátumban (pl. WebP), a valódi megjelenítési méretre kicsinyítve töltsd fel őket, és a kódban add meg a szélességet-magasságot - ezzel egyszerre javul az LCP és a CLS, mert a böngésző előre tudja, mekkora helyet foglaljon.
- 3
Dobd ki a felesleges scripteket és a sablon-súlyt
Minden bővítmény, betűtípus-készlet és követőkód betöltési időbe kerül. Nézd végig, mi van tényleg használatban, és a többit vedd le. A túlzsúfolt oldalépítő-sablonok pont ezen buknak: sokszorosát töltik be annak, amire az oldalnak szüksége van.
- 4
Válassz gyors tárhelyet
A legszebb kód is lassú marad rossz kiszolgálón. Egy megbízható, közeli, korszerű tárhely érdemben javítja a betöltés kezdetét - ez az alap, amire minden más ráépül.
- 5
Kezeld a betűtípusokat
A saját szerverről kiszolgált (self-host) betűtípus gyorsabb, mint a külső forrásból behúzott, és megspórolsz egy külső kapcsolódást. A megfelelő betöltési beállítással (font-display) elkerülöd, hogy a szöveg villanjon vagy a tartalom ugráljon, amíg a betű megérkezik.
A sablon-csapda
A leggyakoribb ok, amiért egy helyi vállalkozás oldala megbukik a Core Web Vitals-on, nem a rossz szándék, hanem a kész sablon. A nehéz Wix- és WordPress-témák sok mindent hoznak magukkal: oldalépítőt, tucatnyi scriptet, animációkat, bővítményeket és beépített képeket, amiből az adott oldalnak töredékére sincs szüksége. Ez a felesleges súly lassítja a betöltést és a reagálást - és utólag nehéz belőle lefaragni, mert a sablon rendszerébe van drótozva.
Ezért éri meg már a döntésnél végiggondolni, mire építsz. A szempontokat külön cikkben szedtük szét: Wix, sablon vagy egyedi weboldal? - ott a sebesség csak egy a mérlegelendő tényezők közül.
A sebesség nem díj, hanem alap. Nem külön csomagban megvásárolható „prémium" tulajdonság - egy kézzel írt, könnyű oldal eleve gyors, mert nincs benne felesleg. Mi ezért nem sablonra építünk: kevés, célzott kód, méretezett képek, tiszta szerkezet. Így a Core Web Vitals nem egy utólag hajszolt pontszám, hanem az építés természetes eredménye.
Egy ingyenes auditban lemérjük a te oldalad három Core Web Vitals-értékét mobilon és asztalin, és megmutatjuk konkrétan, mi lassítja - meg hogy mennyi hozható ki belőle utólagos javítással.
Gyakori kérdések
Számít tényleg a sebesség a Google-nek?
Igen. A Core Web Vitals hivatalos rangsorolási jel: a Google az oldalélmény részeként figyeli a betöltést, a reagálást és a vizuális stabilitást. Nem ez a legfontosabb tényező - a releváns tartalom előrébb való -, de azonos tartalom mellett a gyorsabb oldal előnyben van, és a lassú oldalról a látogató is hamarabb továbbáll.
Hogyan mérem ingyen?
A Google PageSpeed Insights-szal: beírod a címed, és megkapod a három értéket (LCP, INP, CLS) meg a konkrét javítási listát. A valós látogatói adatokért a Search Console Core Web Vitals riportját nézd, mert az a tényleges felhasználóid böngészőjéből gyűjti a méréseket, nem laborkörnyezetből.
Miért lassú a sablonoldalam?
A kész Wix- és WordPress-sablonok gyakran sok mindent hoznak magukkal: nehéz oldalépítőt, tucatnyi scriptet, bővítményt és méretezetlen képet, amiből az adott oldalnak csak töredékére van szüksége. Ez a felesleges súly lassítja a betöltést és a reagálást, ezért buknak sokszor a Core Web Vitals-on.
Mi számít jó értéknek?
A Google küszöbei: az LCP (betöltés) jó, ha 2,5 másodperc alatt van; az INP (reagálás) jó, ha 200 ezredmásodperc alatt marad; a CLS (vizuális stabilitás) jó, ha 0,1 alatt van. Ezt a három értéket érdemes célként tartani mobil nézetben, mert a helyi keresők nagy része telefonról érkezik.
Elég, ha a PageSpeed pontszám zöld?
Nem feltétlenül. A PageSpeed Insights összpontszáma laboradaton alapul, egyetlen szimulált betöltésből. A Google a rangsorhoz a valós látogatóktól gyűjtött adatot használja, ezt a Search Console mutatja. Előfordul, hogy a laborpontszám szép, a valós felhasználók élménye mégis gyengébb - ezért mindkettőt nézd.
Ingyenes audit: lemérjük a Core Web Vitals-értékeidet, megmutatjuk, mi lassít, és mennyit lehet rajta javítani.