Core Web Vitals sú tri metriky od Google, ktoré merajú reálnu používateľskú skúsenosť na webe – rýchlosť načítania, responzívnosť na interakcie a vizuálnu stabilitu. Ak váš web tieto metriky nespĺňa, Google ho môže zobrazovať nižšie vo výsledkoch vyhľadávania a návštevníci odchádzajú skôr, než uvidia vašu ponuku.
V praxi to znamená, že pomalý web alebo stránka, ktorá „skáče" počas načítavania, priamo ovplyvňuje koľko ľudí u vás nakúpi alebo vyplní kontaktný formulár. Nejde len o technickú metriku pre vývojárov – ide o biznis parameter, ktorý sa dá zmerať a zlepšiť.
Core Web Vitals sú podmnožina širšieho súboru Web Vitals – metrík, ktoré Google definoval pre hodnotenie kvality používateľskej skúsenosti na webe. Kým Web Vitals zahŕňajú desiatky parametrov, Core Web Vitals sa sústredia na tri najdôležitejšie: LCP (rýchlosť načítania), INP (responzívnosť) a CLS (vizuálna stabilita).
Zásadný rozdiel oproti starším metrikám je v tom, že Core Web Vitals merajú skutočnú skúsenosť reálnych používateľov. Nie teoretický výkon servera alebo syntetický test v laboratórnych podmienkach. Google zbiera dáta priamo z prehliadača Chrome od používateľov, ktorí súhlasili so zdieľaním anonymizovaných dát, a na základe týchto dát hodnotí váš web.
Pred Core Web Vitals sa výkon webu hodnotil cez technické parametre ako čas do prvého bajtu (TTFB) alebo DOMContentLoaded. Problém? Tieto metriky často nekorešpondovali s tým, ako používatelia skutočne vnímajú rýchlosť stránky. Web mohol mať výborné technické parametre, ale používateľ videl bielu obrazovku tri sekundy.
Google preto posunul fokus na metriky orientované na používateľa. LCP meria, kedy sa zobrazí hlavný obsah. INP meria, ako rýchlo web reaguje na kliknutie. CLS meria, či sa obsah nehýbe pod rukami. Toto sú veci, ktoré ľudia reálne vnímajú.
Google začal používať Core Web Vitals ako ranking faktor pre mobilné vyhľadávanie v máji 2021. Pre desktop prišiel update vo februári 2022. Odvtedy sú tieto metriky súčasťou algoritmu pre všetky zariadenia.
Treba však realisticky povedať, že Core Web Vitals nie sú dominantný ranking faktor. V porovnaní s relevantnosťou obsahu, backlinkami alebo search intentom majú menšiu váhu. Google ich sám označuje ako „tiebreaker" – keď dva weby majú podobne kvalitný obsah, lepšie Core Web Vitals môžu rozhodnúť. Pri veľmi zlých hodnotách však môžu spôsobiť pokles pozícií aj samostatne, najmä v konkurenčných segmentoch.
Každá z troch metrík má definované prahové hodnoty, ktoré rozdeľujú weby do troch kategórií: dobré (good), potrebuje zlepšenie (needs improvement) a zlé (poor). Google vyhodnocuje váš web podľa 75. percentilu – to znamená, že aspoň 75 % návštev musí spadať do kategórie „good", aby bol web označený ako vyhovujúci.
| Metrika | Good (dobré) | Needs Improvement | Poor (zlé) |
|---|---|---|---|
| LCP | < 2,5 sekundy | 2,5 – 4 sekundy | > 4 sekundy |
| INP | < 200 ms | 200 – 500 ms | > 500 ms |
| CLS | < 0,1 | 0,1 – 0,25 | > 0,25 |
LCP meria, za aký čas sa na obrazovke zobrazí najväčší viditeľný element. Môže to byť hero obrázok, nadpis H1, video alebo veľký blok textu. Podstatné je, že ide o element „above the fold" – teda viditeľný bez scrollovania.
Prečo práve najväčší element? Pretože používateľ vníma stránku ako „načítanú" v momente, keď vidí hlavný obsah. Ak hero obrázok e-shopu trvá 5 sekúnd, zákazník môže odísť ešte predtým, než uvidí produkty. Ideálne LCP je pod 2,5 sekundy. Nad 4 sekundy je problém, ktorý aktívne poškodzuje konverzie aj SEO.
INP meria, ako rýchlo web reaguje na používateľské interakcie – kliknutia, tapnutia, stlačenia klávesov. Konkrétne meria čas od interakcie po najbližšie vykreslenie zmeny na obrazovke.
INP nahradilo staršiu metriku FID (First Input Delay) v marci 2024. Rozdiel je v tom, že FID meralo len prvú interakciu, zatiaľ čo INP meria všetky interakcie počas celej návštevy a vyhodnocuje najhoršiu z nich. To je spravodlivejšie – web môže reagovať rýchlo na prvé kliknutie, ale po načítaní ťažkých skriptov sa spomalí.
Dobré INP je pod 200 milisekúnd. Používateľ takúto odozvu vníma ako okamžitú. Nad 500 ms už interakcia pôsobí „zaseknutá" a používatelia to frustruje, najmä na mobiloch.
CLS meria, ako veľmi sa obsah stránky posúva počas načítavania. Poznáte to – chcete kliknúť na tlačidlo, ale v poslednej chvíli sa načíta banner a vy kliknete na reklamu. To je layout shift a používateľov to dokáže poriadne nahnevať.
CLS sa meria ako bezrozmerné číslo. Google meria layout shifty v 5-sekundových oknách a započítava najväčší shift v každom okne. Dobré CLS je pod 0,1. Nad 0,25 web „skáče" natoľko, že to aktívne poškodzuje používateľskú skúsenosť. Najčastejšie príčiny sú obrázky bez definovaných rozmerov, dynamicky vkladané reklamy a neskoré načítanie webových fontov.
Existujú dva typy dát o Core Web Vitals: field data (reálne dáta od používateľov) a lab data (syntetické testy). Pre SEO a hodnotenie Google sú relevantné field data. Lab data sú užitočné pre debugging a identifikáciu príčin problémov.
Field data pochádzajú z Chrome User Experience Report (CrUX). Google ich zbiera od reálnych používateľov Chrome, ktorí súhlasili so zdieľaním dát. Tieto dáta reprezentujú skutočnú skúsenosť vašich návštevníkov – rôzne zariadenia, rôzne pripojenia, rôzne lokality.
Lab data sú výsledkom syntetického testu – nástroj simuluje načítanie stránky za kontrolovaných podmienok. Lab data sú konzistentné a reprodukovateľné, ale nemusia odrážať realitu. Váš lab test môže prebehnúť na rýchlom serveri v Nemecku, zatiaľ čo väčšina vašich zákazníkov pristupuje z mobilov na 4G sieti.
Pre Google ranking sú smerodajné field data. Lab data používajte na diagnostiku – keď field data ukážu problém, lab data pomôžu identifikovať konkrétnu príčinu.
PageSpeed Insights zobrazuje výsledky v dvoch sekciách. Horná sekcia „Discover what your real users are experiencing" ukazuje field data z CrUX. Toto sú dáta, ktoré Google používa pre ranking. Ak táto sekcia chýba, váš web nemá dostatok návštevnosti pre zber field dát (približne pod 1000 návštev mesačne).
Dolná sekcia „Diagnose performance issues" obsahuje lab data z Lighthouse testu. Pod ňou nájdete konkrétne odporúčania – „Opportunities" sú odhady, o koľko sekúnd by sa zlepšilo načítanie po implementácii. „Diagnostics" sú ďalšie technické detaily. Sústreďte sa na položky s najväčším odhadovaným dopadom.
Pri auditoch webov a e-shopov vidíme opakovane rovnaké problémy. Väčšina zlých Core Web Vitals má niekoľko typických príčin, ktoré sa dajú systematicky adresovať.
Optimalizácia Core Web Vitals vyžaduje systematický prístup. Nie všetky zmeny majú rovnaký dopad a niektoré vyžadujú zásadnejšie technické zásahy než iné. Pri projektoch pre weby a e-shopy, ktoré staviame, implementujeme tieto optimalizácie štandardne.
Nie všetky optimalizácie majú rovnakú návratnosť. Pri prioritizácii sa riaďte týmto poradím:
Quick wins (hodiny, nízke riziko): Kompresia obrázkov, pridanie width/height atribútov, preload LCP elementu, lazy loading pre obrázky pod ohybom, odstránenie nepoužívaných pluginov.
Stredná náročnosť (dni, stredné riziko): Implementácia CDN, optimalizácia third-party skriptov, server-side caching, code splitting existujúceho JS.
Komplexné zmeny (týždne, vyššie riziko): Migrácia na rýchlejší hosting, refaktoring JavaScript architektúry, zmena CMS alebo frameworku, server-side rendering.
Technické metriky sú zaujímavé, ale firmu zaujíma hlavne dopad na biznis. Core Web Vitals priamo ovplyvňujú konverzie, bounce rate a organickú viditeľnosť.
Podľa štúdie Google a Deloitte každých 100 ms zlepšenia loading time zvyšuje konverzie o 8 % v retail segmente. Portál Vodafone zaznamenal 31 % nárast predaja po 31 % zlepšení LCP. Podobné výsledky reportuje Pinterest, kde 40 % redukcia čakacieho času priniesla 15 % nárast organickej návštevnosti.
Bounce rate je ešte citlivejší. Podľa dát Google pravdepodobnosť opustenia stránky stúpa o 32 %, keď sa čas načítania predĺži z 1 na 3 sekundy. Pri 5 sekundách je to už 90 %. Pre e-shop postavený na konverziách sú tieto čísla kritické.
Treba byť realistický – Core Web Vitals nie sú najdôležitejší ranking faktor. Kvalitný obsah, relevantnosť pre vyhľadávací dopyt a autoritatívne backlinky majú väčšiu váhu. Google sám uvádza, že CWV sú „tiebreaker" – rozhodujúci faktor pri inak podobných výsledkoch.
To neznamená, že na nich nezáleží. V konkurenčných segmentoch, kde top 10 výsledkov má podobne kvalitný obsah, môžu Core Web Vitals rozhodnúť o umiestnení na prvej stránke. A pri veľmi zlých hodnotách (napríklad LCP nad 6 sekúnd) môže Google penalizovať stránku aj bez ohľadu na iné faktory.
Core Web Vitals sú tri metriky, ktoré Google hodnotí ako skutočné indikátory používateľského zážitku: LCP (rýchlosť načítania hlavného obsahu), INP (reakcia na interakcie) a CLS (vizuálna stabilita). Google ich zaradil do hodnotenia v roku 2021 preto, lebo rýchlosť a stabilita stránky priamo korelujú s tým, či ľudia ostanú alebo odídu. Nie sú najsilnejším faktorom, ale pri rovnakej úrovni obsahu rozhodujú o umiestnení.
Najrýchlejší spôsob je PageSpeed Insights — stačí zadať URL a dostanete okamžité skóre aj konkrétne odporúčania. Pre hlbší pohľad použite Google Search Console (sekcia Core Web Vitals), kde uvidíte reálne dáta zo zariadení vašich návštevníkov za posledných 28 dní. Lighthouse v Chrome developer tools zase pomáha pri lokálnom testovaní pred nasadením zmien na produkciu.
LCP (Largest Contentful Paint) meria, za koľko sekúnd sa načíta najväčší viditeľný prvok stránky — spravidla hlavný obrázok alebo nadpis. Cieľ je pod 2,5 sekundy. INP (Interaction to Next Paint) sleduje, ako rýchlo stránka reaguje na klik alebo stlačenie klávesu — dobré skóre je pod 200 ms. CLS (Cumulative Layout Shift) meria vizuálnu stabilitu — hodnota pod 0,1 znamená, že sa prvky počas načítania nestresujú ani neposúvajú.
Technické zmeny — komprimácia obrázkov, caching, odstránenie blokujúcich skriptov — sa v laboratórnych testoch (PageSpeed Insights) prejavia okamžite. V reálnych dátach v Search Console vidíte zmenu rádovo za 4 až 6 týždňov, lebo Google potrebuje nazbierať nové merania od skutočných návštevníkov. Pozičný dopad v organickom vyhľadávaní prichádza spravidla 2 až 3 mesiace po stabilizovaní dát.
CLS sa zhoršuje najčastejšie kvôli obrázkom bez definovaných rozmerov (chýbajúci width a height atribút), dynamicky načítaným reklamám a bannerom bez rezervovaného priestoru a fontom, ktoré sa po načítaní stránky menia. Riešenie: nastavte pevné rozmery pre všetky mediálne prvky, použite font-display: swap pre webfonty a reklamy umiestnite do bloku s fixnou výškou — nie priamo do textu stránky.
Prvý krok je vždy meranie. PageSpeed Insights alebo Search Console vám ukáže, kde stojíte a čo má najväčší dopad na výsledok. Vo väčšine prípadov stačí zoptimalizovať obrázky, nastaviť správny caching a odstrániť zbytočné skripty tretích strán. Výsledky sa dostavia za niekoľko týždňov.
Ak chcete mať istotu, že váš web funguje správne technicky aj z pohľadu SEO, ozvite sa nám. Prejdeme si konkrétne úzke miesta a navrhneme riešenie priamo šité na váš projekt. Kontaktujte nás.
