Core Web Vitals a rýchlosť webu: čo merať a ako web zrýchliť
Core Web Vitals sú tri metriky s odporúčanými hranicami: LCP do 2,5 sekundy, INP do 200 milisekúnd a CLS do 0,1. Platia na 75. percentile načítaní, zvlášť pre mobil a zvlášť pre počítač, takže hranicu musia spĺňať tri štvrtiny reálnych návštev. Google uvádza, že Core Web Vitals jeho systémy radenia používajú, zároveň však že jediný signál zážitku neexistuje. Tento článok vysvetľuje metriky, meranie aj kroky, ktoré web reálne zrýchlia.
1. Prečo na rýchlosti záleží
Sú na to dva dôvody a oba sa dajú doložiť dokumentáciou Google.
Prvý je radenie výsledkov. Google v dokumentácii k používateľskému zážitku uvádza, že Core Web Vitals jeho systémy radenia používajú. Zároveň však varuje pred zjednodušením: neexistuje jediný signál zážitku, jeho systémy sa pozerajú na viacero signálov naraz, a dobrý výsledok v prehľade Core Web Vitals nezaručuje popredné umiestnenie (Understanding page experience). Rýchlosť teda pomáha, sama osebe však nestačí.
Druhý je samotný návštevník. Tu si dovolím zostať pri opise mechanizmu, nie pri číslach: kým sa stránka načíta, návštevník nevidí nič, čo by ho presvedčilo zostať. Konkrétne podiely odchodov podľa času načítania tu neuvádzame, overiteľný primárny zdroj pre ne nemáme.
2. Tri metriky Core Web Vitals
Core Web Vitals je sada troch metrík, ktorými sa meria zážitok návštevníka pri načítaní stránky: načítanie, reakcia na interakciu a vizuálna stabilita. Odporúčané hranice uvádza web.dev, dokumentácia Google k webovej výkonnosti:
| Metrika | Čo meria | Dobrá hodnota |
|---|---|---|
| LCP (Largest Contentful Paint) | Ako rýchlo sa načíta najväčší, hlavný prvok stránky | do 2,5 s |
| INP (Interaction to Next Paint) | Ako rýchlo web zareaguje na kliknutie či ťuknutie | do 200 ms |
| CLS (Cumulative Layout Shift) | Ako veľmi obsah „poskakuje“ počas načítania | do 0,1 |
⚠️ Prah bez percentilu je neúplný. Uvedené hodnoty platia na 75. percentile načítaní stránky, zvlášť pre mobil a zvlášť pre počítač. Inak povedané: hranicu musia spĺňať tri štvrtiny reálnych návštev, nie jedno meranie v laboratóriu. Nástroj, ktorý posudzuje splnenie Core Web Vitals, má podľa web.dev stránku považovať za vyhovujúcu vtedy, keď na 75. percentile spĺňa odporúčané hodnoty vo všetkých troch metrikách naraz.
💡 CLS poznáte z vlastnej skúsenosti. Je to ten otravný moment, keď chcete na niečo kliknúť, no na poslednú chvíľu sa načíta obrázok alebo reklama, obsah sa posunie a vy kliknete na niečo úplne iné. Presne to CLS meria a Google to zohľadňuje ako jeden zo signálov zážitku. O penalizácii nehovorí, to slovo v jeho dokumentácii nenájdete.
3. Ako web zmerať
Nemusíte nič odhadovať – máte k dispozícii bezplatné nástroje priamo od Googlu:
- PageSpeed Insights – zadáte adresu stránky a dostanete skóre aj konkrétne odporúčania, čo spomaľuje načítanie. Nájdete ho na pagespeed.web.dev.
- Google Search Console, prehľad Core Web Vitals. Google v nápovede uvádza, že vychádza z dát o skutočnom používaní (terénne dáta) zo správy CrUX, ktorá anonymne zbiera údaje od reálnych návštevníkov vašich adries. Hodnoty v prehľade sú zhrnuté ako „75 % požiadaviek na stránku malo za posledných 28 dní túto hodnotu alebo lepšiu“.
💡 Laboratórny test a terénne dáta nie sú to isté. Jednorazový test v PageSpeed Insights je dobrý na diagnostiku, ukáže konkrétne, čo stránku spomaľuje. Prehľad v Search Console naopak ukazuje, čo reálne zažili návštevníci za posledných 28 dní. Ak si tieto dve čísla odporujú, nie je to chyba: merajú niečo iné.
4. Ako web zrýchliť
Väčšinu rýchlosti pokazí niekoľko stále rovnakých vecí – a rovnakou cestou sa dá aj získať späť. Zamerajte sa na tieto oblasti:
- Obrázky. Najčastejší vinník. Zmenšite ich na potrebný rozmer, komprimujte a používajte moderné formáty (WebP, AVIF). Často ide o najväčší jednorazový skok v rýchlosti.
- Hosting. Lacný, preťažený hosting brzdí všetko ostatné. Kvalitný server s rýchlou odozvou je základ, ktorý sa nedá obísť.
- Zbytočné skripty. Každý ďalší doplnok, widget či sledovací kód niečo stojí. Vyhoďte, čo nepotrebujete.
- Vyrovnávacia pamäť (cache). Umožní prehliadaču a serveru neposielať to isté opakovane, takže opakované návštevy sú výrazne rýchlejšie.
- Písma. Vlastné fonty načítavajte úsporne a len tie rezy, ktoré naozaj používate.
Ak používate redakčný systém ako WordPress, veľkú časť týchto vecí vyrieši dobrý optimalizačný doplnok a kvalitná šablóna. Nie je to však náhrada za zdravý základ – najrýchlejší je vždy web, ktorý neťahá zbytočnosti.
5. Mobil na prvom mieste
Google indexuje web podľa jeho mobilnej verzie. V dokumentácii k mobile-first indexingu uvádza, že na indexovanie aj radenie používa obsah prejdený agentom pre smartfóny. Rozhoduje teda to, ako stránka vyzerá a funguje na telefóne, nie na počítači. Aj Core Web Vitals sa vyhodnocujú zvlášť pre mobil a zvlášť pre počítač, takže dobrý výsledok na počítači o mobile nehovorí nič.
Overte si preto Core Web Vitals aj celý zážitok predovšetkým na mobile: číta sa text bez približovania? Sú tlačidlá dosť veľké na prst? Nenačítava sa stránka pomaly na dátach? Ak web funguje dobre na telefóne, na počítači bude fungovať takmer isto tiež.
Rýchlosť je technická vrstva, ktorá pomôže až vtedy, keď má stránka čo ponúknuť obsahom. Ako do seba jednotlivé časti zapadajú, ukazuje prehľad SEO optimalizácia.
Súvisiace: SEO obrázkov · Mobilné SEO · Ako sa dostať na prvú stranu Google
Zdroje
- Google Search Central: Understanding page experience in Google Search results, Core Web Vitals používajú systémy radenia, neexistuje jediný signál zážitku, dobrý výsledok nezaručuje popredné umiestnenie a Google vždy hľadá najrelevantnejší obsah, aj keď je zážitok slabší.
- web.dev: Web Vitals, tri metriky a hranice LCP do 2,5 s, INP do 200 ms, CLS do 0,1, vyhodnotenie na 75. percentile zvlášť pre mobil a počítač.
- Nápoveda Search Console: Core Web Vitals report, prehľad vychádza z terénnych dát CrUX od skutočných návštevníkov a zhŕňa 28 dní na 75. percentile.
- Google Search Central: Mobile-first indexing best practices, na indexovanie a radenie sa používa obsah prejdený agentom pre smartfóny.
- Nástroj: PageSpeed Insights.
Časté otázky
Je rýchlosť webu naozaj faktor SEO?
Google uvádza, že Core Web Vitals jeho systémy radenia používajú. Zároveň však píše, že jediný signál zážitku neexistuje, že dobrý výsledok v prehľade Core Web Vitals nezaručuje popredné umiestnenie a že Vyhľadávanie vždy hľadá najrelevantnejší obsah, aj keď je zážitok zo stránky slabší. Rýchlosť teda pomáha, obsah ani relevanciu však nenahradí.
Čo sú dobré hodnoty Core Web Vitals?
LCP do 2,5 sekundy, INP do 200 milisekúnd a CLS do 0,1. Dôležitá je aj podmienka, na ktorú sa zabúda: hranice sa hodnotia na 75. percentile načítaní stránky, zvlášť pre mobil a zvlášť pre počítač. Stránka teda vyhovuje vtedy, keď hranicu spĺňajú tri štvrtiny reálnych návštev vo všetkých troch metrikách naraz.
Ako najrýchlejšie zrýchlim web?
Začnite obrázkami, teda zmenšením na rozmer, v akom sa reálne zobrazujú, kompresiou a moderným formátom. Google uvádza (dokumentácia WebP, developers.google.com/speed/webp), že bezstratové WebP sú o 26 % menšie než PNG a stratové o 25 až 34 % menšie než JPEG pri rovnakej kvalite. Potom nasleduje odstránenie zbytočných skriptov, kvalitný hosting a vyrovnávacia pamäť.
Stačí mi na meranie PageSpeed Insights?
Na diagnostiku áno, ukáže konkrétne problémy. Na posúdenie skutočného stavu sledujte aj prehľad Core Web Vitals v Search Console. Google k nemu uvádza, že vychádza z terénnych dát správy CrUX, teda z anonymne zbieraných údajov od skutočných návštevníkov vašich adries, a že hodnoty zhŕňajú posledných 28 dní na 75. percentile.