Core Web Vitals sú tri metriky, ktoré Google používa na hodnotenie používateľskej skúsenosti: rýchlosť načítania (LCP), odozva na interakciu (INP) a vizuálna stabilita (CLS). Od roku 2024 nahradil INP starší FID. Pre majiteľov WordPress webov sú to konkrétne technické ciele, nie abstraktné SEO pojmy.
Ak chceš zrýchliť web prakticky, prečítaj si checklist zrýchlenia WordPress. Tu vysvetlíme, čo jednotlivé metriky znamenajú a čo s nimi na WP urobiť.
LCP – Largest Contentful Paint
LCP meria, kedy sa zobrazí najväčší viditeľný prvok (hero obrázok, nadpis, video). Cieľ: pod 2,5 sekundy pre 75 % návštevníkov.
- Optimalizuj hero obrázok – WebP, správna veľkosť, nie 3 MB banner.
- Použi cache a CDN – statický HTML sa načíta rýchlejšie.
- Server response time (TTFB) – kvalitný hosting, PHP 8.3, objekt cache.
- Odlož načítanie reklám a widgetov pod prvú obrazovku.
INP – Interaction to Next Paint
INP meria odozvu na klik, tap alebo klávesnicu. Pomalé INP = „web zamrzne“ po kliknutí na menu alebo tlačidlo. Cieľ: pod 200 ms.
- Zníž JavaScript – menej pluginov, defer/async skriptov.
- Reklamy a chat widgety načítavaj lazy alebo po interakcii.
- Testuj na reálnom mobile, nie len na desktop PageSpeed.
CLS – Cumulative Layout Shift
CLS meria nečakané posuny layoutu (text skočí, keď sa načíta reklama). Cieľ: pod 0,1.
- Vždy definuj width/height pre obrázky a iframy.
- Rezervuj miesto pre reklamné sloty v CSS (min-height).
- Nepoužívaj web fonty bez font-display: swap a fallback.
Kde metriky sledovať
- Google Search Console → Skúsenosť → Core Web Vitals.
- PageSpeed Insights – konkrétna URL + odporúčania.
- Chrome User Experience Report (CrUX) – reálne dáta používateľov.
WordPress špecifické tipy
Téma + page builder + 30 pluginov = ťažká kombinácia. Zváž ľahkú tému, vypni nepotrebné bloky Gutenbergu a použij jeden kvalitný cache plugin. Pre blog s AdSense sú CLS od reklám častý problém – fixni sloty v CSS.
FAQ
Stačí zelené skóre v PageSpeed?
Lab dáta sú užitočné, ale Google hodnotí aj field data z reálnych návštevníkov. Sleduj oboje.
Prečo má homepage dobré skóre, ale články zlé?
Iná šablóna, viac obrázkov, reklamy v obsahu. Optimalizuj každý typ stránky zvlášť.
Zhrnutie
LCP, INP a CLS sú merateľné ciele. Začni najhoršou URL v Search Console, urob jednu úpravu, zmeraj znova. Systematický prístup funguje lepšie ako náhodné inštalovanie pluginov.
Podrobnejší postup krok za krokom
V praxi sa osvedčuje rozdeliť prácu na malé kroky a po každom overiť výsledok v anonymnom okne prehliadača. Pre tému „LCP meranie“ si priprav checklist: čo potrebuješ mať pred začiatkom (záloha, prístupy, SSL), čo urobíš počas implementácie a čo skontroluješ po nasadení. Ak niečo nefunguje, vráť poslednú zmenu a diagnostikuj – na WordPress webe je takmer vždy príčina v plugine, cache alebo konfigurácii servera.
Slovenské weby často bežia na zdieľanom hostingu s obmedzenou PHP pamäťou a CPU. Ak narazíš na limity, kontaktuj podporu hostingu skôr, než zapneš ďalšie ťažké pluginy. Kombinácia kvalitného hostingu, rozumného počtu pluginov a cache výrazne znižuje počet problémov pri každodennej prevádzke.
Na čo si dať pozor (typické chyby)
- Spoliehať sa na jeden návod bez testu na vlastnom web – každá téma a hosting sú iné.
- Meníť viac vecí naraz – pri chybe nevieš, čo ju spôsobilo.
- Zabudnúť vymazať cache po úprave (FlyingPress, LiteSpeed, Cloudflare).
- Ignorovať mobil – väčšina návštevníkov blogov číta z telefónu.
- Nepridať interné odkazy na súvisiace články – pomáha SEO aj čitateľom.
Kľúčové pojmy v tomto návode
Medzi dôležité termíny patria: LCP meranie, INP na mobile, CLS od reklám, Search Console report, field vs lab data. Ak niektorému nerozumieš, prečítaj si najprv úvodné sekcie článku alebo súvisiace návody v kategórii WordPress na Areaweb. Postupne si vybuduješ mentálny model, ako jednotlivé časti WordPress ekosystému spolupracujú.
Rozšírené FAQ
Potrebujem na to programátora?
Väčšinu krokov zvládne majiteľ blogu alebo marketér. Programátora volaj pri custom kóde v téme, zásahu do jadra alebo integrácii na mieru.
Ako dlho trvá implementácia?
Jednoduché nastavenie: 30–60 minút. Komplexnejší e-shop alebo migrácia: niekoľko hodín až dní vrátane testov.
Ovplyvní to moje reklamy alebo SEO?
Správne nastavenie zvyčajne SEO a výkon zlepší. Pri cookies a AdSense testuj Consent Mode – krátkodobý pokles RPM môže byť dočasný. Pri zmene URL vždy 301 redirect.
Kde hľadať pomoc, keď zlyhá hosting?
Najprv ticket podpore hostingu s presným popisom a časom chyby. Pri 500 chybe pripoj výpis z debug.log. Komunita WordPress SK/CZ a fóra tiež pomôžu.
Odporúčaná literatúra na Areaweb
Pre celkový obraz o WordPress odporúčame kombinovať tento článok s pilierovými návodmi: zrýchlenie webu, bezpečnosť, Rank Math SEO a zálohovanie. Pravidelné čítanie Search Console a Analytics ti ukáže, ktoré témy návštevníkov zaujímajú – podľa toho plánuj ďalší obsah.
Core Web Vitals a AdSense / reklamný obsah
Blog s reklamami má CLS často horší než firemná vizitka – bannery sa načítavajú asynchrónne a posunú text. Riešenie: wrapper div s min-height okolo ad slotu, načítanie reklám až po LCP (delay script), alebo menej agresívne umiestnenie reklám nad fold. INP trpí pri ťažkých reklamných sieťach – obmedz počet ad units na stránku.
V Search Console sekcia „Experience“ ukáže URL s problémom LCP/INP/CLS. Prioritizuj stránky s najvyšším trafficom – oprava jedného virálneho článku má väčší dopad než desať mŕtvych URL.
Viac WordPress návodov
Všetky naše návody nájdeš na stránke WordPress návody – kompletný sprievodca.