Pomalý web není technická drobnost, ale tichá daň z každé návštěvy. Podívejte se, co skutečně znamenají Core Web Vitals, jak souvisí s pozicemi ve vyhledávačích a proč se skóre 100/100 v Google Lighthouse vyplatí především vašim tržbám.
Kolik vás pomalý web skutečně stojí
Představte si obchod, ve kterém zákazník stojí u dveří a čeká, až mu někdo otevře. Většina lidí odejde dřív, než vůbec vstoupí. Přesně tohle se děje na pomalých webech. Jen o tom nevíte, protože odchod z webu vám nikdo neoznámí. V analytice se objeví jen číslo, kterému se říká míra opuštění (bounce rate).
Data z výzkumů jsou neúprosná. Podle analýzy Googlu se pravděpodobnost, že návštěvník odejde, zvýší o 32 %, když se načítání prodlouží z jedné na tři sekundy. Při prodloužení na pět sekund je to už o 90 %. Studie Deloitte navíc ukázala, že zrychlení mobilního webu o pouhou desetinu sekundy zvedlo konverze v maloobchodu zhruba o 8 %.
// DATA A FAKTA: CENA KAŽDÉ VTEŘINY NAVÍCZdroj: Google/SOASTA, Deloitte Digital.
1 → 3 s pravděpodobnost odchodu návštěvníka roste o 32 % 1 → 5 s pravděpodobnost odchodu roste o 90 % −0,1 s růst konverzí v maloobchodu přibližně o 8 %
Na českém trhu to bolí o to víc, že velká část lidí hledá firmy z mobilu. Často v tramvaji, ve frontě nebo na slabším signálu. Váš web musí být bleskový tam, kde ho lidé skutečně otevírají.
Core Web Vitals jednoduše
Core Web Vitals jsou tři metriky, kterými Google měří, jak se web chová z pohledu člověka. Neměří, kolik kilobajtů jste poslali, ale jak rychle uživatel vidí obsah, jak rychle web reaguje a jestli se mu pod prsty nehýbe stránka.
LCP: za jak dlouho se objeví hlavní obsah
Largest Contentful Paint měří, kdy se vykreslí největší prvek nad ohybem – typicky hlavní obrázek nebo nadpis. Dobrá hodnota je do 2,5 sekundy. Nejčastějším viníkem bývá nekomprimovaný titulní obrázek nebo pomalý server.
INP: jak rychle web reaguje na klik
Interaction to Next Paint nahradil starší metriku FID. Sleduje odezvu stránky na kliknutí, ťuknutí a psaní. Cíl je do 200 milisekund. Pokud po kliknutí na menu chvíli „nic“ nenastane, obvykle za to může příliš mnoho těžkopádného JavaScriptu.
CLS: skáče vám web pod rukama
Cumulative Layout Shift měří vizuální stabilitu. Znáte to: chcete kliknout na tlačítko, v tu chvíli se načte obrázek a trefíte něco jiného. Dobrá hodnota je do 0,1. Řešení je jednoduché: předem vyhradit přesný rozměr pro obrázky a prvky.
Lighthouse 100/100: co to znamená pro SEO
Pojďme být upřímní. Lighthouse je laboratorní nástroj. Google do reálného hodnocení započítává především data od skutečných uživatelů (tzv. field data z Chrome UX Report). Skóre 100 tedy není automatické tlačítko na první místo na Seznamu nebo Googlu.
Rychlost je jedním z mnoha signálů. Relevantní obsah a kvalitní struktura mají stále obrovskou váhu. Rychlý web ale přináší zásadní výhody:
- Lepší konverze: kratší načítání znamená méně odchodů a víc odeslaných poptávek.
- Vyšší pozice: při srovnatelném obsahu rychlejší a stabilnější web vyhraje.
- Efektivita indexace: lehký web vyhledávací roboti projdou rychleji a častěji.
Sedm kroků ke svižnému webu
- Převeďte obrázky do moderních formátů (WebP, AVIF) a nabídněte je ve správných rozměrech.
- Titulní obrázek načtěte přednostně a ostatní nechte načítat líně (lazy loading).
- Písma hostujte přímo na vlastním serveru a použijte
font-display: swap. - Odstraňte zbytečné skripty a pluginy, které nepřinášejí měřitelnou hodnotu.
- Servírujte web z CDN co nejblíž návštěvníkovi.
- Všem obrázkům a videím nastavte pevné rozměry, aby stránka neskákala.
- Stavte web jako čistý kód bez těžkých redakčních šablon.
Rychlost je konkurenční výhoda, kterou vám nikdo neukradne
Design i texty může konkurence zkopírovat během dne. Dobře postavený a bleskově rychlý základ webu zkopírovat nejde, protože se skrývá v každé řádce kódu. Proto weby stavím od základu čisté, bez zbytečného balastu.
Zajímá tě, jak rychlý je tvůj web právě teď?
Nezávazně ho s tebou projdu a ukážu ti, kde přesně přicházíš o zákazníky.
Domluvit nezávaznou konzultaci →
