Core Web Vitals a uptime: keď 200 OK nestačí pre Google

Server vracia 200, monitoring hovorí UP - a vy aj tak strácate návštevnosť z Google. Core Web Vitals merajú reálnu skúsenosť používateľa.

Tri metriky CWV

Google ohlásil Core Web Vitals v roku 2020, ranking factor sa spustil v júni 2021 ako Page Experience update. Od marca 2024 sú aktívne tri metriky:

LCP (Largest Contentful Paint) - kedy sa zobrazí najväčší prvok stránky. Dobre: ≤ 2,5 s. Treba zlepšiť: 2,5-4 s. Zle: > 4 s.
INP (Interaction to Next Paint) - ako rýchlo stránka reaguje na user interakcie (klik, tap). Nahradil FID v marci 2024. Dobre: ≤ 200 ms. Treba zlepšiť: 200-500 ms. Zle: > 500 ms.
CLS (Cumulative Layout Shift) - koľko sa prvky stránky vizuálne hýbu počas načítavania. Dobre: ≤ 0,1. Treba zlepšiť: 0,1-0,25. Zle: > 0,25.

Prečo to monitoring nezachytí

Klasický uptime monitor pošle HTTP GET request a meria:

Status kód (200 = OK)
Time to first byte (TTFB)
Voliteľne zhoda kľúčového slova v HTML

Ale nerenderuje stránku v prehliadači. Nevidí, že:

JavaScript bundle má 3 MB a parsing trvá 4 sekundy
Hero obrázok sa loaduje synchrónne a blokuje paint
Tretia strana (analytics, advertising) blokuje main thread
Rozloženie sa posúva pri postupnom načítavaní elementov

Z pohľadu návštevníka je web pomalý a nepoužiteľný, no z pohľadu monitoringu je všetko „UP".

Lab vs field data

CWV sa merajú dvoma spôsobmi:

Lab data (Lighthouse, PageSpeed Insights, WebPageTest) - kontrolovaný browser, definovaná sieť (typicky 4G), konkrétny device. Reproducibilné, vhodné na regresné testovanie po deployoch.

Field data / RUM (Chrome User Experience Report, vlastný JS) - zber dát od reálnych návštevníkov v ich reálnych podmienkach. To, čo Google používa na ranking. Reflektuje skutočnú variabilitu (3G mobilný klient z vlaku, desktop fiber, atď.).

Lab data sú dobrá referencia, field data sú pravda.

Pozn.: ePulz.io aktuálne CWV metriky priamo nemeria. Na ich meranie použite špecializované nástroje (PageSpeed Insights, WebPageTest, Lighthouse CI, prípadne vlastný RUM JS snippet). Pre vizuálne regresie ePulz.io ponúka monitor typu visual (plány Profi a Business), ktorý porovnáva screenshoty - to čiastočne kryje "stránka sa renderuje úplne inak" scenáre, ale nemerá LCP/INP/CLS.

Praktická monitoring stratégia

Synthetic uptime check - klasický HTTP monitor každú 1-5 min. Detekuje hard downtime, 5xx, expirované certifikáty.
CWV meranie mimo ePulz - Lighthouse CI v deployment pipeline alebo nightly cron, ktorý spustí Lighthouse a uloží výsledky. Detekuje regresiu po nasadení (LCP sa zdvihol z 1,8 s na 4,2 s po nasadení nového JS bundle).
Visual regression check - screenshot diff. Detekuje, keď sa stránka vykreslí úplne inak ako predtým (rozbité CSS, zlyhanie fontu, JS chyba).
Real User Monitoring - JS snippet v stránke zbiera CWV od reálnych návštevníkov. Sledujete 75th percentile metrík.

Najčastejšie príčiny zlých CWV

LCP príliš vysoké:

Veľké hero obrázky bez priority hint (fetchpriority="high")
Pomalý server / TTFB (CDN cache miss, slow DB query)
Blocking resources v <head> (analytics, fonts bez display=swap)
Web fonts loadované z third-party CDN bez preconnect

INP príliš vysoké:

Veľký JS bundle blokujúci main thread
Synchronné event listenery, ktoré robia ťažkú prácu
Pomalé third-party skripty (chat widgets, A/B testing)

CLS príliš vysoké:

Obrázky bez explicitných width a height atribútov
Reklamy bez rezervovaného miesta
Dynamicky vkladaný obsah vo viditeľnej časti stránky (above the fold)
Web fonts s FOUT (Flash of Unstyled Text) bez správneho fallbacku

SEO impact

Google používa CWV ako rozhodujúci faktor pri rovnakej relevancii: ak je obsah rovnako relevantný, uprednostní rýchlejšiu stránku. V konkurenčných nikách to môže byť rozhodujúce.

Praktický dopad:

Web s CWV v dobrom pásme má podľa Google merania (CRUX 2021) o ~24 % nižšiu mieru odchodov (bounce rate) než stránky v zhoršenom pásme
Miera konverzie (conversion rate) stúpa s každým zlepšením LCP (Deloitte 2020: 0,1 s zlepšenie mobilnej rýchlosti = +8,4 % konverzie v retail)
Mobile-first indexing znamená, že Google hodnotí mobilnú verziu - testujte tam

Záver

Uptime monitoring odpovedá na "Je server dosiahnuteľný?". Core Web Vitals odpovedajú na "Je web použiteľný?". Obe metriky sú nezávislé a obe potrebujete sledovať. Server môže byť 100% uptime a web aj tak strácať traffic kvôli LCP nad 4 sekundy.

Monitoring nad rámec uptime

Visual regression detekuje vizuálne zmeny aj keď server vracia 200. Monitoring času odozvy zachytí pomalé endpointy.

Vyskúšať ePulz.io →