Co jsou Core Web Vitals? Core Web Vitals jsou tři měřítka od Googlu, která hodnotí, jak se Váš web chová z pohledu návštěvníka: jak rychle se objeví obsah, jak rychle stránka odpoví na kliknutí a jestli se obsah pod rukama neposouvá. Česky se jim někdy říká základní webové ukazatele a Google je bere v potaz i jako jeden z faktorů pro pořadí ve výsledcích vyhledávání.

Proč zrovna tyhle tři? Protože měří to, co člověk skutečně cítí. Nezajímá ho, kolik souborů se stáhlo, ale to, jestli musel čekat, jestli tlačítko reagovalo a jestli neklikl na něco jiného, než chtěl.

  • LCP (Largest Contentful Paint) měří, za jak dlouho se zobrazí největší kus obsahu na obrazovce, obvykle hlavní obrázek nebo nadpis. Odpovídá otázce: kdy návštěvník uvidí, že se něco děje.
  • INP (Interaction to Next Paint) měří, za jak dlouho stránka viditelně zareaguje na kliknutí nebo ťuknutí prstem. Nahradilo starší měřítko FID.
  • CLS (Cumulative Layout Shift) měří, jak moc obsah poskakuje během načítání. Znáte to: chystáte se kliknout, načte se reklama nebo obrázek, obsah se posune a kliknete jinam.

U každého měřítka má Google hranice pro hodnocení dobré, potřebuje zlepšit a špatné, a hodnoty se čas od času upravují. Nemá smysl se učit čísla zpaměti. Praktičtější je otevřít nástroj PageSpeed Insights nebo Google Search Console, kde uvidíte aktuální hodnocení svého webu i seznam stránek, které mají problém. Důležitá poznámka: hodnotí se data od skutečných návštěvníků, hlavně z mobilů, ne z Vašeho rychlého počítače na kabelu.

Co s tím prakticky? Nejčastější příčiny špatných výsledků jsou vždycky tytéž:

  • Zbytečně velké obrázky nahrané rovnou z fotoaparátu. Zmenšete rozměry a použijte úsporný formát, tohle sám o sobě spraví většinu problémů s LCP.
  • Příliš mnoho JavaScriptu, hlavně měřicích a reklamních kódů. Projděte si, co všechno máte v Google Tag Manageru, a nepoužívané smažte.
  • Deset zásuvných modulů ve WordPressu, z nichž půlku nepoužíváte.
  • Chybějící rozměry obrázků a reklamních ploch, kvůli čemuž se obsah posouvá a kazí se CLS.
  • Chybějící cache, takže se každá stránka pokaždé znovu skládá z databáze.

Kde v tom hraje roli hosting? Server ovlivňuje hlavně první část LCP, tedy jak rychle vůbec přijde odpověď. U nás weby běží na OpenLiteSpeed 1.9 s vlastní cache, k dispozici je objektová cache v Redisu a OPcache pro PHP. Podporujeme HTTP/3 a před weby stojí CDN Cloudflare, díky které se statické soubory servírují blíž návštěvníkovi. Servery stojí v evropských datacentrech.

Zbytek je ale na straně webu samotného. Sebelepší server nezachrání stránku s dvaceti neupravenými fotkami. Berte proto Core Web Vitals jako společnou práci hostingu a toho, kdo web staví. Souvisejícím tématem je celková optimalizace webu a SEO, protože rychlá stránka drží návštěvníka déle a vede k lepším konverzím.