LCP, CLS, INP — Core Web Vitals magyarul

Kapcsolódó szolgáltatás Weboldal · webshop · webapp

MEGHATÁROZÁS

A Google három fő teljesítmény-mérőszáma, ami a Search-rangsorolásnál súlyosan számít. LCP (Largest Contentful Paint): a legnagyobb kép vagy szövegblokk betöltődési ideje — cél 2,5 másodperc alatt mobilon. CLS (Cumulative Layout Shift): a tartalom mozgása betöltés közben — cél 0,1 alatt. INP (Interaction to Next Paint): kattintástól a látható reakcióig — cél 200 ms alatt. Magyar webshopnál a 2024 óta szigorított Google-rangsorolás követeli ezeket. PageSpeed Insights, Lighthouse, Chrome User Experience Report (CrUX) mérik. Mind a háromra 90+ pontszám.

KAPCSOLÓDÓ FOGALMAK06

SSR (Server-Side Rendering)→
A HTML-t a szerver rendereli kérésre, minden felhasználónak frissen. Dinamikus tartalomra (dashboard) ideális, de lassabb, mint az SSG.
SSG (Static Site Generation)→
Az oldalak build-időben készülnek el HTML-ként, és egy CDN szolgálja ki őket. Szinte nulla TTFB. A DField saját oldala 111+ oldallal fut így.
ISR (Incremental Static Regeneration)→
SSG + időzített regeneráció: a HTML statikus, de megadott intervallumban újragenerálódik. Blog-cikkekhez ideális · frissesség CDN-sebességgel.
Edge rendering→
A kód a felhasználóhoz legközelebbi CDN-pontban fut (Cloudflare Workers, Vercel Edge). Dinamikus válasz ~10–50 ms TTFB-vel.
RSC (React Server Components)→
React-komponensek, amik kizárólag szerveren futnak, és nem kerülnek át a böngészőbe. Eredménye kevesebb kliens-oldali JS és gyorsabb hydration.
LCP (Largest Contentful Paint)→
A legnagyobb látható elem megjelenésének ideje. Google Core Web Vitals zöld küszöbe 2.5s alatt · mi jellemzően <1s alá lőjük a landing oldalakat.

EMLÍTÉSEK A BLOGON08