A Core Web Vitals a Google mérhető jelzőszámai az oldal valós felhasználói élményéről, és beleszámítanak a rangsorolásba. Teljesítésük nem arról szól, hogy önmagáért hajszoljunk egy zöld pontszámot; hanem egy olyan oldalról, amely gyorsan töltődik, azonnal reagál, és nem ugrál össze-vissza használat közben. Ez az útmutató elmagyarázza a három Core Web Vitals mutatót a 2026-os állapot szerint, és ami még fontosabb, azokat a javításokat, amelyek valóban elmozdítják mindegyiket.

Röviden

  • A három Core Web Vitals a LCP (betöltés), az INP (reszponzivitás) és a CLS (vizuális stabilitás). Az INP 2024-ben a FID helyére lépett Core Web Vitalként
  • „Jó" küszöbök: LCP 2,5 s alatt, INP 200 ms alatt, CLS 0,1 alatt, a valós látogatások 75. percentilisén mérve
  • A legnagyobb hatású javítások: a legnagyobb kép vagy szövegblokk optimalizálása, a JavaScript csökkentése és feldarabolása, valamint hely fenntartása képeknek, hirdetéseknek és beágyazásoknak
  • Használj terepadatokat (valós felhasználók), ne csak laborteszteket, mert a Google a valós teljesítmény alapján rangsorol

A három Core Web Vitals (2026)

Largest Contentful Paint (LCP): Betöltés

Az LCP azt méri, mennyi időbe telik, míg a legnagyobb látható elem (általában egy hero kép, egy banner vagy egy nagy szövegblokk) megjelenik. Jó: 2,5 másodperc alatt.

Interaction to Next Paint (INP): Reszponzivitás

Az INP azt méri, milyen gyorsan reagál az oldal a felhasználói interakciókra a teljes látogatás során, felváltva a régebbi First Input Delay (FID) mutatót 2024-ben. A koppintás vagy kattintás és a következő vizuális frissítés közötti késleltetést rögzíti. Jó: 200 milliszekundum alatt.

Cumulative Layout Shift (CLS): Vizuális stabilitás

A CLS azt méri, mennyire mozdul el váratlanul az oldal betöltés közben (a bosszantó ugrás, amikor egy későn betöltődő kép vagy hirdetés lejjebb tolja a tartalmat). Jó: 0,1 alatt.

A Google ezeket az értékeket a valós látogatások 75. percentilisén értékeli, ezért arra van szükséged, hogy a felhasználóid többsége, ne csak a leggyorsabbak, jó élményben részesüljön.

Az LCP javítása

  • Optimalizáld az LCP-elemet. Azonosítsd (a legtöbb eszköz megnevezi), és tedd gyorsan betöltővé: tömörítsd és méretezd helyesen a képet, szolgálj ki modern formátumokat (WebP/AVIF), és ne alkalmazz lazy-loadingot a hero képen.
  • Szolgálj ki reszponzív képeket megfelelő srcset attribútummal, hogy az eszközök egy megfelelő méretű fájlt töltsenek le egy hatalmas helyett. (Lásd az útmutatót a reszponzív képek kezeléséről .)
  • Gyorsítsd fel a szerver válaszát (TTFB) gyorsítótárazással és egy CDN-nel, hogy a dokumentum gyorsan megérkezzen.
  • Töltsd be előre a kritikus erőforrásokat (az LCP-képet, a kulcsfontosságú betűtípusokat), és szüntesd meg a renderelést blokkoló CSS-t és JavaScriptet, ahol lehet.
  • Használj gyors képfeldolgozó folyamatot. A képek kiszolgálása egy optimalizált szolgáltatáson, például a Cloudflare image transformations segítségével menet közben átméretez és tömörít.

Az INP javítása

  • Csökkentsd a JavaScript végrehajtását. A nehéz szkriptek blokkolják a fő szálat és késleltetik a válaszokat. Szállíts kevesebb JavaScriptet, és távolítsd el a nem használt kódot.
  • Darabold fel a hosszú feladatokat. Oszd fel a hosszan futó munkát, hogy a böngésző a részletek között reagálhasson a bevitelre.
  • Halaszd el a nem kritikus munkát az interakció utánra, és kerüld a nagy, szinkron eseménykezelőket.
  • Auditáld a harmadik féltől származó szkripteket. A tag managerek, chat widgetek és analytics gyakori INP-vétkesek; töltsd be őket hatékonyan, vagy távolítsd el, amire nincs szükséged.

A CLS javítása

  • Mindig állíts be szélességet és magasságot (vagy CSS aspect-ratio értéket) a képeken és videókon, hogy a böngésző helyet foglaljon.
  • Tarts fenn helyet a hirdetéseknek, beágyazásoknak és iframe-eknek, hogy betöltéskor ne tolják el a tartalmat.
  • Kerüld a tartalom beszúrását a meglévő tartalom fölé betöltés után.
  • Töltsd be előre a betűtípusokat, és használd a font-display értéket észszerűen a későn betöltődő betűtípusok okozta elrendezés-eltolódás csökkentésére.

Mérj helyesen

  • Terepadat a laboradat helyett. A Google a valós felhasználói (terep-) adatok alapján rangsorol, például a Chrome User Experience Report alapján, nem egyetlen laborfutás alapján. Egy tökéletes labor-pontszám gyenge terepadatokkal nem fog átmenni.
  • Figyeld a 75. percentilist. A medián javítása nem elég; a látogatások lassabb negyede az, ami megbuktat.
  • Tesztelj valós eszközökön és kapcsolatokon, különösen középkategóriás mobilon, ne csak egy gyors asztali gépen.

Legfontosabb tanulságok

  • A három Core Web Vitals 2026-ban az LCP, az INP (amely a FID helyére lépett) és a CLS.
  • Célozz LCP-t 2,5 s alatt, INP-t 200 ms alatt és CLS-t 0,1 alatt a valós látogatások 75. percentilisén.
  • A legnagyobb nyereség: optimalizáld az LCP-elemet és a képeket, csökkentsd és darabold fel a JavaScriptet az INP-hez, és tarts fenn helyet, hogy megállítsd az elrendezés-eltolódást a CLS-hez.
  • A sikert terepadatok alapján ítéld meg, ne csak egy labor-pontszám alapján.

Kérj szakértői értékelést

A Core Web Vitals a technikai SEO egyik része. Egy technikai SEO-audit a Core Web Vitals mellett lefedi a feltérképezési keretet, az indexelést, az oldalarchitektúrát, a JavaScript-renderelést és a strukturált adatokat, egy priorizált cselekvési tervvel, amely a valós rangsorolási hatáson alapul. Ha a sebesség a fő gondod, a weboldalad gyorsítása Cloudflare-rel útmutató mélyebben foglalkozik a teljesítménnyel.

Gyakran ismételt kérdések (GYIK)

Mi a három Core Web Vitals 2026-ban? Largest Contentful Paint (LCP) a betöltéshez, Interaction to Next Paint (INP) a reszponzivitáshoz és Cumulative Layout Shift (CLS) a vizuális stabilitáshoz. Az INP 2024-ben a First Input Delay (FID) helyére lépett Core Web Vitalként.

Milyenek a jó Core Web Vitals pontszámok? LCP 2,5 másodperc alatt, INP 200 milliszekundum alatt és CLS 0,1 alatt, a valós felhasználói látogatások 75. percentilisén mérve. Arra van szükséged, hogy a látogatók többsége, ne csak a leggyorsabbak, elérje ezeket az értékeket.

Befolyásolják a Core Web Vitals a Google rangsorolását? Igen. A Google oldalélmény-jelzőinek részét képezik. Nem az egyetlen és nem is a legerősebb rangsorolási tényező, de versenyző kereséseknél a jó oldalélmény érdemi előny, egy rossz pedig visszahúz.

Miért teljesít az oldalam laborban, de bukik a Search Console-ban? Mert a Google valós felhasználók terepadatait használja, nem egyetlen labortesztet. A valós eszközök, kapcsolatok és a 75. percentilis olyan problémákat tárnak fel, amelyeket egy gyors tesztgép elrejt. Optimalizálj valós körülményekre.

Mi a leggyorsabb módja a Core Web Vitals javításának? Általában az LCP-elem optimalizálása (a legnagyobb kép tömörítése és méretezése, a lazy-loading elkerülése rajta) és a JavaScript csökkentése. A CLS-nél állítsd be a képek méreteit, és tarts fenn helyet a hirdetéseknek és beágyazásoknak.