Core Web Vitals: čo merajú a prečo na nich záleží

Core Web Vitals sú tri metriky, ktorými Google meria, ako sa web správa voči reálnemu návštevníkovi: ako rýchlo sa vykreslí hlavný obsah (LCP), ako rýchlo stránka odpovie na dotyk alebo klik (INP) a ako veľmi sa počas načítavania posúva rozloženie (CLS). Nie sú to teoretické čísla z testovacieho nástroja, ale hodnoty zbierané z prehliadačov skutočných používateľov. Preto ich pri technickej optimalizácii webu sledujeme ako jednu z prvých vecí – povedia viac o skutočnom zážitku než akýkoľvek laboratórny test. V tomto článku si prejdeme, čo každá metrika meria, aké hodnoty sú v poriadku a čo ich najčastejšie kazí.

Prečo Google zaviedol práve tieto tri metriky

Predtým sa rýchlosť webu merala hlavne časom načítania celej stránky. To číslo však o zážitku hovorilo málo: stránka mohla byť „načítaná“ za dve sekundy a používateľ na nej päť sekúnd pozeral na prázdnu plochu, pretože sa najprv sťahovali skripty. Core Web Vitals túto logiku obracajú a merajú, čo človek reálne vníma – kedy uvidí obsah, kedy môže začať klikať a či mu obsah pod prstom neutečie.

Druhá podstatná zmena je zdroj dát. Hodnoty sa zbierajú anonymne z prehliadačov skutočných návštevníkov, teda z rôznych zariadení a rôznych pripojení. Web, ktorý vyzerá skvele na kancelárskom počítači s optikou, môže mať zlé čísla, pretože polovica jeho návštevníkov chodí z mobilu na pomalšej sieti. Oficiálna dokumentácia Core Web Vitals tieto prahové hodnoty aj metodiku popisuje presne a raz za čas sa aktualizuje – oplatí sa ju sledovať.

Aké hodnoty sú v poriadku

Každá metrika má tri pásma: dobré, vyžadujúce zlepšenie a slabé. Hodnotí sa pritom nie priemer, ale hodnota, ktorú dosiahne alebo prekoná sedemdesiatpäť percent návštev – teda aj tie pomalšie, nielen ideálny prípad. Toto je detail, ktorý prekvapí najviac ľudí: web môže mať výborný priemer a napriek tomu prepadnúť, ak má štvrtina návštevníkov výrazne horší zážitok.

Metrika	Čo meria	Dobré	Slabé
LCP	Čas vykreslenia najväčšieho prvku na obrazovke	do 2,5 s	nad 4 s
INP	Odozvu stránky na interakciu používateľa	do 200 ms	nad 500 ms
CLS	Posúvanie rozloženia počas načítavania	do 0,1	nad 0,25

LCP: kedy návštevník uvidí to podstatné

Táto metrika meria, kedy sa vykreslí najväčší prvok viditeľný na prvej obrazovke. Na väčšine webov je ním veľký obrázok v hlavičke, na textových stránkach býva najväčším prvkom blok textu alebo nadpis. Práve preto sa dá LCP zlepšiť často veľmi jednoducho: keď je hlavným prvkom fotografia, stačí zmenšiť jej rozmery, previesť ju do moderného formátu a načítať ju prednostne namiesto odloženého načítania.

• Zmenšite hlavný obrázok na rozmery, v akých sa reálne zobrazuje, a použite moderný formát.
• Nenačítavajte hlavný obrázok odložene. Odložené načítanie patrí obrázkom pod prvou obrazovkou, nie tomu hore.
• Odstráňte blokujúce skripty a štýly z cesty pred vykreslením – zvyčajne ide o analytiku, nástroje na súhlas s cookies a externé písma.
• Použite vlastné písma zo svojho servera namiesto načítavania z cudzej domény, kde sa čaká na ďalšie spojenie.
• Skontrolujte odozvu servera. Ak samotná odpoveď trvá sekundu, žiadna optimalizácia obrázkov to nedobehne.

INP: či stránka odpovie, keď na ňu klikneme

INP nahradilo v marci 2024 staršiu metriku FID a meria niečo pochopiteľnejšie: ako dlho trvá, kým stránka viditeľne zareaguje na interakciu – klik, dotyk, stlačenie klávesy. Meria sa pritom nie prvá interakcia, ale najhoršia z celej návštevy, čo je z pohľadu používateľa férovejšie. Kto raz klikol na tlačidlo a pol sekundy sa nič nedialo, ten si to zapamätá bez ohľadu na to, ako plynulo fungoval zvyšok stránky.

Príčinou zlého INP je takmer vždy JavaScript, ktorý blokuje hlavné vlákno prehliadača. Typickí vinníci sú rozsiahle knižnice načítané kvôli jednej funkcii, nástroje na sledovanie správania, chatovacie widgety a doplnky, ktoré si prevádzkovateľ webu nasadil pred rokmi a už o nich nevie. Odporúčame začať revíziou toho, čo všetko sa na stránke načítava – nie optimalizáciou, ale otázkou, či to tam vôbec musí byť.

CLS: obsah, ktorý utečie spod prsta

Toto je metrika, ktorú používatelia nenávidia najviac, aj keď ju nevedia pomenovať. Ide o situáciu, keď sa počas načítavania stránky obsah posunie: chystáte sa kliknúť na odkaz, nad ním sa doloží obrázok alebo reklamný pruh, obsah sa posunie nadol a vy kliknete na niečo úplne iné. Na e-shopoch to znamená stratenú objednávku, na blogu odchod čitateľa.

Dobrá správa je, že CLS sa opravuje najlacnejšie zo všetkých troch metrík. Vo väčšine prípadov stačí uviesť rozmery obrázkov a vložených prvkov priamo v kóde, aby si pre ne prehliadač vopred rezervoval miesto, a vyhradiť pevnú výšku miestam, kde sa dopĺňa obsah – banner, hodnotenia, odporúčané produkty. Rovnako pomáha načítať vlastné písma tak, aby sa pri ich výmene nezmenila výška textu.

Stopercentné skóre v testovacom nástroji nie je cieľ. Cieľ je, aby sa všetky tri metriky zmestili do zeleného pásma na reálnych dátach – posledné body sa vykupujú prácou, ktorú návštevník nikdy nepocíti.

Kde hodnoty merať a čomu veriť

Existujú dva druhy dát a je dôležité ich nezamieňať. Laboratórne meranie prebehne v riadených podmienkach na jednom simulovanom zariadení – je okamžité a hodí sa na ladenie, pretože po každej zmene hneď vidíte výsledok. Terénne dáta pochádzajú od skutočných návštevníkov, aktualizujú sa s mesačným oneskorením a práve tie sa počítajú do hodnotenia. Preto sa rozhodujeme podľa terénnych dát a laboratórne používame len ako pracovnú pomôcku.

V praxi to znamená sledovať zostavu Core Web Vitals v Google Search Console, ktorá zoskupuje stránky podľa typu a ukazuje, ktorá skupina má problém. Odporúčame merať aspoň štyri rôzne typy stránok – úvodnú, výpis, detail a formulár –, pretože každý typ má iné zloženie prvkov a iné slabiny. Meranie len na úvodnej stránke je najčastejší dôvod, prečo sa problém dlho nenájde.

Akú váhu majú tieto metriky v hodnotení

Core Web Vitals sú jedným z faktorov hodnotenia, nie tým hlavným. Stránka s výborným obsahom a priemernými hodnotami prekoná rýchlu stránku s prázdnym obsahom – tak to funguje a je dobré s tým počítať, aby sa energia neinvestovala do nesprávnej veci. Rozhodujú však vtedy, keď sú si dve stránky obsahovo blízke, a to je v konkurenčných odboroch bežná situácia.

Podstatnejší argument je ale obchodný, nie SEO. Pomalý a nestabilný web stráca ľudí bez ohľadu na to, na akej pozícii sa zobrazí – a to sa dá zmerať priamo v analytike. Preto pri klientoch tieto metriky nepredávame ako rankingový faktor, ale ako vec, ktorá ovplyvňuje, koľko návštev sa premení na dopyt. Ako táto oblasť zapadá do celku, popisujeme v článku o tom, čo je technické SEO, a konkrétne chyby, ktoré tieto čísla najčastejšie kazia, sme zhrnuli v prehľade technických chýb brzdiacich weby.

---

Často kladené otázky

Čo sú Core Web Vitals?

Sú to tri metriky, ktorými Google meria zážitok návštevníka: LCP (čas vykreslenia hlavného obsahu), INP (odozva na interakciu) a CLS (posúvanie rozloženia počas načítavania). Zbierajú sa z prehliadačov skutočných používateľov.

Aké hodnoty sa považujú za dobré?

LCP do 2,5 sekundy, INP do 200 milisekúnd a CLS do 0,1. Hodnotí sa hodnota dosiahnutá v 75 percentách návštev, nie priemer – web s dobrým priemerom môže napriek tomu prepadnúť.

Čo nahradilo metriku FID?

Metrika INP, ktorá ju nahradila v marci 2024. Na rozdiel od FID nemeria len prvú interakciu, ale najhoršiu odozvu počas celej návštevy, čo lepšie zodpovedá tomu, čo človek reálne zažije.

Čo najčastejšie kazí LCP?

Veľký neoptimalizovaný obrázok v hlavičke, blokujúce skripty pred vykreslením a pomalá odozva servera. Najlacnejšou opravou býva zmenšenie hlavného obrázka a jeho prednostné načítanie.

Ako zlepším INP?

Odstránením alebo odložením JavaScriptu, ktorý blokuje hlavné vlákno prehliadača. Odporúčame začať revíziou toho, čo všetko sa na stránke načítava, a zrušiť doplnky, ktoré sa už nepoužívajú.

Prečo sa mi obsah posúva počas načítania?

Pretože prvky nemajú v kóde uvedené rozmery a prehliadač im nevie vopred rezervovať miesto. Týka sa to hlavne obrázkov, vložených prvkov, reklamných blokov a písem, ktoré sa vymieňajú za iné.

Aký je rozdiel medzi laboratórnym a terénnym meraním?

Laboratórne prebehne v riadených podmienkach a hodí sa na ladenie, lebo výsledok vidíte hneď. Terénne pochádza od skutočných návštevníkov, aktualizuje sa s mesačným oneskorením a práve ono sa počíta do hodnotenia.

Musím mať v teste rýchlosti sto bodov?

Nie. Cieľom je zmestiť sa do zeleného pásma na reálnych dátach. Posledné body sa vykupujú neúmerne veľkou prácou a návštevník ich nepocíti.

Ktoré stránky treba merať?

Aspoň štyri typy: úvodnú, výpis, detail a stránku s formulárom. Každý typ má iné zloženie prvkov a iné slabiny – meranie len na úvodnej stránke je najčastejší dôvod, prečo sa problém dlho nenájde.

Akú váhu majú Core Web Vitals v hodnotení Googlu?

Sú jedným z faktorov, nie tým hlavným – kvalitný obsah prekoná pomalú stránku. Rozhodujú však pri obsahovo porovnateľných stránkach a hlavne priamo ovplyvňujú, koľko návštev sa premení na dopyt.