background design element dropbackground design element dropbackground design element drop

Jak zlepšit hodnocení Core Web Vitals


Barbora Koďousková
Aktualizováno:09.11.2021· 6 min. čtení
Facebook iconTwitter iconLinkedIn icon

Rychlost načítání webových stránek dnes patří mezi nejvýznamnější metriky uživatelské spokojenosti. Google i další vyhledávače proto na rychlost/výkon webu kladou stále větší důraz a snaží se provozovatele online projektů vyburcovat k jejich optimalizaci. Poradíme vám, jak pomalé načítání webových stránek optimalizovat a zlepšit hodnocení Core Web Vitals.

Co je Core Web Vitals?

Metriky Core Web Vitals vznikly jako reakce na stále se zvyšující požadavky uživatelů v oblasti rychlosti načítání webu. Jedná se o jedny z nejnovějších hodnotících faktorů Googlu, které mají za úkol z různých pohledů vyčíslit výkon webu.

Dobré skóre ve všech třech oblastech, které do Core Web Vitals spadají, tak jde ruku v ruce nejen s rychlostí načítání webových stránek, ale i jejich uživatelskou přívětivostí.

Optimalizace rychlosti webu a Core Web Vitals

Optimalizace Core Web Vitals je záležitostí technického SEO. Se zlepšením skóre v jednotlivých metrikách vám tak nejlépe pomůže vývojář, případně SEO specialista ve spolupráci s vývojářem.

Core Web Vitals se skládají ze tří částí:

  • LCP – Largest Contentful Paint,
  • CLS – Cumulative Layout Shift,
  • FID – First Input Delay.

Metrika LCP monitoruje, jak rychle se načte největší prvek na stránce (typicky ten nejdůležitější). CLS sleduje posun obsahu během načítání stránky. Snížené skóre tedy značí, že se některý z prvků na stránce pohne ještě před tím, než se obraz stabilizuje.

V praxi tento nedostatek zaznamenáte například když se snažíte kliknout na tlačítko, které před stisknutím tlačítka uskočí a vy kliknete na něco jiného, než jste chtěli. Posun layoutu nejčastěji zaznamenáte, na stránkách, které obsahují videa nebo obrázky.

optimalizace rychlosti webu

Poslední metrika – FID – říká, jak rychle může uživatel začít se stránkou pracovat. Vypovídá tedy například o tom, za jak dlouho po načtení stránky vás web nebo eshop nechá vyplnit formulář.

Google ke každé z metrik vytvořil stupnici skóre, ze které se dozvíte, jak si na tom se svým digitálním produktem stojíte. Nejlepší hodnoty jsou vymezeny zeleným polem. Hodnoty, které by bylo dobré zlepšit jsou ve žluté části a skóre, na nějž byste se měli zaměřit je označeno červeně.

optimalizace rychlosti webu

Test a měření Core Web Vitals

Předtím, než se do optimalizace rychlosti webu se zaměřením na Core Web Vitals pustíte, je nutné nechat web otestovat. Ke měření či testování Core Web Vitals můžete využít hned několik nástrojů.

Jedním z nejjednodušších nástrojů pro testování či měření Core Web Vitals je rozšíření do prohlížeče Google Chrome, nazvané Web Vitals. Ve chvíli, kdy si rozšíření do prohlížeče nainstalujete:

  1. Navštivte webovou stránku, kterou chcete otestovat.
  2. Spusťte rozšíření.

Jakmile rozšíření stránku vyhodnotí, uvidíte skóre v jednotlivých metrikách, stejně jako tipy na zlepšení výkonu. Měli byste tak být schopni zhodnotit, které prvky na stránce způsobují problémy.

Stejně tak můžete využít web Page Speed Insights, provozovaný přímo Googlem. Služba Page Speed Insights analyzuje vaše webové stránky a zobrazí hodnocení, které vám pomůže odhalit slabá místa, na něž se můžete během optimalizace rychlosti webových stránek zaměřit.

Dalším užitečným zdrojem podnětů může být Google Search Console. Zde se v sekci „Core Web Vitals“ dozvíte, kolik stránek má s hodnocením problém, faktory, které hodnocení ovlivňují i do jaké míry problémy ovlivňují zbytek webu.

Tipy, jak zlepšit hodnocení Core Web Vitals

Testování či měření Core Web Vitals vám tedy poradí, na co se při optimalizaci rychlosti načítání webu zaměřit. Otázkou ovšem zůstává, jak dané problémy eliminovat. S odpovědí by vám měl v první řadě pomoct váš vývojář. Níže ovšem najdete několik tipů, od kterých se můžete odrazit.

First Input Delay (FID)

Pokud váš web zaznamenal špatné skóre v kontextu metriky FID, tak je vaším nejslabším místem zpožděná možnost interakce s obsahem. Tento problém můžete eliminovat:

  • kompresí či mimifikací kódu,
  • odstraněním nepoužívaného JavaScriptu,
  • cachováním,
  • odstraněním skriptů třetích stran,
  • prioritizací zobrazení skriptů podle uživatelova požadavku.

Largest Contentful Paint (LCP)

Problém se skóre z LCP metriky nejčastěji souvisí s použitím obrázků a videí. Prvním krokem, který vám může pomoct se zlepšením hodnocení, je komprese obrázků, kterou zvládnete aplikovat i bez asistence vývojáře.

Druhým problémem může být webhosting, ujistěte se tedy, že máte své stránky umístěné na virtuálním serveru (VPS), kde vás nebudou ovlivňovat jiné weby, které hosting schraňuje.

Mezi další tipy, jak zlepšit LCP skóre a hodnocení Core Web Vitals obecně, patří:

  • použití lazyloadingu – obrázky a fotografie se budou načítat až ve chvíli, kdy k nim uživatel dojde,
  • použití CDN,
  • zredukování počtu aktivních pluginů na webu (platí zejména pro WordPress).

Cumulative Layout Shift (CLS)

Pokud vás trápí výsledky poslední z trojice metrik Core Web Vitals, tak se při optimalizaci rychlosti načítání webových stránek opět zaměřte na obrázky. Problémy ovšem mohou způsobovat i reklamy, videa nebo pop-up okna.

Ve všech případech je základem nastavení dimenze, respektive rozměry daného prvku. Ujistěte se tedy, že u veškerého obsahu, které na stránky umisťujete, definujete jejich výšku a šířku.

Jestliže potřebujete s optimalizací rychlosti webových stránek, případně redesignem či tvorbou zcela nového webu pomoct, nás neváhejte kontaktovat. Zanalyzujeme váš produkt a navrhneme i zrealizujeme to možná nejlepší řešení.


Potřebujete poradit?