Core Web Vitals
Core Web Vitals sú tri metriky od Google, ktoré merajú reálny zážitok používateľa na webstránke: LCP (rýchlosť načítania hlavného obsahu), INP (odozva na interakciu) a CLS (vizuálna stabilita stránky počas načítavania). Google ich používa ako priamy faktor pre ranking.
Ako to funguje
Google dlhé roky meral výkon stránok metrikami, ktoré vývojári mohli optimalizovať bez toho, aby používateľom skutočne pomohli — napríklad time to first byte, ktorý je rýchly, aj keď stránka zostane prázdna ďalšiu sekundu. Core Web Vitals sú pokus merať to, čo používateľ skutočne cíti: kedy vidí obsah, kedy môže klikať a či mu stránka preskočí pod prstom.
LCP (Largest Contentful Paint) meria, kedy sa vykreslí najväčší viditeľný prvok — typicky hero obrázok alebo nadpis. Cieľ: pod 2,5 sekundy. Najčastejšie problémy: obrázok bez preload hintu, príliš veľký nezoptimalizovaný PNG, webfont blokujúci renderovanie. INP (Interaction to Next Paint) nahradil FID v marci 2024 a meria odozvu na kliknutie: ako dlho trvá, kým sa stránka vizuálne zareaguje. Cieľ: pod 200 milisekúnd. Problémom býva ťažký JavaScript na hlavnom vlákne. CLS (Cumulative Layout Shift) meria, ako veľmi obsah skáče počas načítavania — keď obrázok bez definovaných rozmerov naskočí do layoutu a posunie obsah pod kurzorom. Cieľ: pod 0,1.
Meranie Core Web Vitals má dve vrstvy. Lab data — meranie v kontrolovanom prostredí nástrojmi ako Lighthouse alebo PageSpeed Insights — je okamžitá spätná väzba pre vývojára. Field data — reálne meranie od skutočných používateľov cez Chrome UX Report — je to, čo vidí Google pri rankingu. Tieto dve čísla sa môžu líšiť: Lighthouse meria na emulovanom mobilnom zariadení s obmedzenou sieťou, reálni používatelia majú rôzne zariadenia a rýchlosti.
Oprava Core Web Vitals nie je jednorazová úloha — je to disciplína. Next.js Image komponent automaticky optimalizuje veľkosť, formát (WebP/AVIF) a zabraňuje CLS pridaním rezervovaného priestoru. Font subsetting a font-display: swap znižujú vplyv webfontov na LCP. Code splitting a lazy loading ťažkých komponentov zlepšuje INP. Každá zmena v kóde môže skóre zlepšiť alebo zhoršiť — preto je meranie súčasťou CI/CD pipeline, nie jednorazového auditu.
Z našej praxe
V Strange Loops je skóre Core Web Vitals súčasťou akceptačných kritérií každého webového projektu — frontend odovzdávame s Lighthouse skóre nad 90 vo všetkých kategóriách. Next.js 15 s App Routerom a Server Components výrazne uľahčuje dosiahnutie dobrého LCP — HTML prichádza zo servera s obsahom, nie prázdna stránka čakajúca na JavaScript. Pre strangeloops.sk aj sylvorehab.sk sú všetky obrázky cez next/image s explicitnými rozmermi (eliminácia CLS), fonty sú self-hosted cez next/font (eliminácia externých sieťových požiadaviek), a JavaScript bundle je minimalizovaný agresívnym tree shakingom. Pre klientov s existujúcimi stránkami ponúkame Core Web Vitals audit ako súčasť SEO/GEO optimalizácie.
Kedy to potrebujete
- Vaša stránka má dobré pozície v Google, ale návštevníci odchádzajú rýchlo — zlé Core Web Vitals zvyšujú bounce rate, najmä na mobile
- Chystáte nový web a chcete ho nasadiť s dobrým výkonnostným profilom od prvého dňa, nie riešiť optimalizácie dodatočne
- Google Search Console vám ukazuje stránky označené ako Poor alebo Needs Improvement v sekcii Core Web Vitals
- E-shop s konverzným cieľom — každá sekunda oneskorenia načítania znižuje konverzný pomer štatisticky merateľným spôsobom
Najčastejšie otázky
Ovplyvňujú Core Web Vitals skutočne pozície v Google?
Áno, ale sú jedným z mnohých faktorov. Google potvrdil, že Page Experience signály (vrátane Core Web Vitals) sú rankingový faktor, nie však dominantný — relevantnosť obsahu stále prevažuje. Stránka s výborným obsahom a zlými Core Web Vitals bude rankovať lepšie ako stránka s prázdnym obsahom a perfektnými metrikami. Pri vyrovnaných stránkach (rovnaká relevantnosť) Core Web Vitals rozhodujú.
Čo je rozdiel medzi Lighthouse skóre a reálnymi Core Web Vitals?
Lighthouse (PageSpeed Insights, Chrome DevTools) meria v laboratórnych podmienkach — emulovaný mobilný telefón, obmedzená sieť. Core Web Vitals v Google Search Console sú field data — reálne merania od skutočných používateľov vašej stránky za posledných 28 dní. Field data sú relevantnejšie pre ranking, lab data sú užitočnejšie na diagnostiku a ladenie.
Ako rýchlo sa zmena výkonu prejaví vo vyhľadávaní?
Google zbiera field data priebežne a aktualizuje hodnotenie stránok s oneskorením. Väčšia zlepšenia výkonu sa vo vyhľadávaní prejavia typicky do 28 dní — toľko trvá, kým sa obnoví okno zberu dát. Priebežné sledovanie cez Google Search Console a Core Web Vitals report vám ukáže trend.
Súvisiace pojmy
SEO — Search Engine Optimization
SEO (Search Engine Optimization) je súbor techník na zlepšenie viditeľnosti webstránky v organickom (neplatenom) vyhľadávaní — zahŕňa technickú optimalizáciu, kvalitu obsahu a budovanie autority domény.
GEO — Generative Engine Optimization
GEO (Generative Engine Optimization) je optimalizácia obsahu tak, aby ho AI vyhľadávače a asistenti (ChatGPT, Perplexity, Gemini, Google AI Overviews) citovali a odporúčali — pričom sa zameriava na citovateľnosť a dôveryhodnosť namiesto tradičného rankingu.
Potrebujete s tým pomôcť?
Ak riešite niečo z toho, čo tu opisujeme, ozvite sa. Povieme vám, či a ako vieme pomôcť.