Core Web Vitals 2026: Mit mér a Google, és hogyan legyél az élmezőnyben?

Miért számít a weboldal sebessége 2026-ban jobban, mint valaha?

A Google 2021-ben vezette be a Core Web Vitals mérőszámait a rangsorolásba. Azóta ezek a metrikák a SEO egyik legfontosabb technikai tényezőjévé váltak. 2026-ban a Google tovább finomítja az értékelési rendszert, és azok az oldalak, amelyek nem teljesítenek jól ezeken a mérőszámokon, láthatóan hátrébb csúsznak a találati listában.

A három fő metrika: LCP, INP, CLS

LCP – Largest Contentful Paint

Az LCP azt méri, mennyi idő telik el addig, amíg a látható terület legnagyobb eleme megjelenik. A cél: 2.5 másodperc alatt. Ami ennél lassabb, az rossz felhasználói élményt és gyengébb SEO-t jelent.

INP – Interaction to Next Paint

Az INP 2024-ben váltotta fel az FID metrikát. Azt méri, mennyire gyorsan reagál az oldal a felhasználó bármely interakciójára. Cél: 200 milliszekundum alatt. Egy lomha JavaScript-től terhelt oldal itt bukik el.

CLS – Cumulative Layout Shift

Előfordult már veled, hogy olvasás közben az egész szöveg hirtelen lejjebb ugrott, mert betöltött egy banner? Ez CLS. Minél kisebb a CLS értéke, annál stabilabb az oldal. Cél: 0.1 alatt.

Hogyan javíts a Core Web Vitals értékeken?

1. Képoptimalizálás: Használj WebP vagy AVIF formátumot, adj meg explicit szélességet és magasságot minden képnek.
2. Kritikus CSS kiemelése: Az oldal kezdeti megjelenítéséhez szükséges CSS-t közvetlenül a HTML-be ágyazd.
3. JavaScript halasztása: A nem kritikus JS-t töltsd be aszinkron módon, vagy halaszd a betöltés utánra.
4. CDN használata: A tartalom globális elosztásával csökkented a szerver válaszidejét.
5. Font betöltési stratégia: A webfontokat előtöltéssel (preload) és font-display: swap beállítással kezeld.
6. Reklámhelyek foglalása: A dinamikusan betöltődő elemeknek foglalj le helyet CSS-ben, hogy ne tolják el a tartalmat.

Az Astro és a Core Web Vitals természetes harmóniája

Az Astro-val épített oldalak alapból kiváló Core Web Vitals értékeket érnek el, mert a keretrendszer minimális JavaScript-et küld a böngészőbe, automatikusan optimalizálja a képeket, és statikusan generálja az oldalakat.

A weboldal sebessége nem technikai luxus – ez üzleti alap. Egy gyorsabb oldal több látogatót tart meg, jobb helyen szerepel a Google-ban, és több konverziót hoz.