Kolik vás stojí každá vteřina čekání?

Představte si, že před vaším obchodem stojí fronta zákazníků. Každou minutu, kterou čekají, někteří z nich odcházejí ke konkurenci. Přesně to se děje s vaším webem – jen to nevidíte.

Amazon to změřil přesně: každých 100 milisekund zpoždění znamená 1% pokles tržeb. Pro e-shop s obratem 10 milionů ročně to znamená ztrátu 100 000 Kč jen kvůli jedné vteřině navíc při načítání.

A není to jen o prodejích. Google od roku 2021 oficiálně používá rychlost webu jako faktor pro řazení ve vyhledávání. Pomalý web = horší pozice = méně návštěvníků = méně zákazníků.

Co jsou Core Web Vitals a proč by vás to mělo zajímat?

Core Web Vitals jsou tři klíčové metriky, podle kterých Google hodnotí kvalitu uživatelské zkušenosti:

1. LCP (Largest Contentful Paint) – Rychlost načtení hlavního obsahu

  • Měří, jak rychle se zobrazí největší element na stránce (obvykle hlavní obrázek nebo text)
  • Dobrá hodnota: pod 2,5 sekundy
  • Špatná hodnota: nad 4 sekundy
  • Co to znamená pro vás: Pokud se váš hlavní obsah načítá déle než 2,5 sekundy, návštěvníci odcházejí dřív, než vůbec vidí, co nabízíte

2. INP (Interaction to Next Paint) – Rychlost reakce na kliknutí

  • Měří, jak rychle web reaguje, když návštěvník klikne na tlačítko nebo odkaz
  • Dobrá hodnota: pod 200 milisekund
  • Špatná hodnota: nad 500 milisekund
  • Co to znamená pro vás: Když zákazník klikne na “Koupit”, ale nic se nestane, přestane důvěřovat vašemu webu

3. CLS (Cumulative Layout Shift) – Stabilita layoutu

  • Měří, jestli se elementy nepřeskakují během načítání (třeba když chcete kliknout a tlačítko poskočí)
  • Dobrá hodnota: pod 0,1
  • Špatná hodnota: nad 0,25
  • Co to znamená pro vás: Když se během načítání posune tlačítko “Koupit” a místo něj kliknete na reklamu, zákazník je frustrovaný

Jak poznáte, že váš web je pomalý?

Nemusíte být technik. Tady jsou 3 jednoduché způsoby:

1. PageSpeed Insights od Google (zdarma)

  • Jděte na pagespeed.web.dev
  • Vložte adresu vašeho webu
  • Do 30 sekund dostanete skóre 0-100 a konkrétní problémy

Co znamenají čísla:

  • 90-100: Výborně, váš web je rychlý
  • 50-89: Průměr, ale ztrácíte zákazníky
  • 0-49: Problém, řešte okamžitě

2. Test na mobilním telefonu

  • Vypněte WiFi, zapněte mobilní data
  • Otevřete váš web
  • Pokud čekáte déle než 3 sekundy, máte problém
  • 53% mobilních návštěvníků odchází, pokud stránka trvá déle než 3 sekundy

3. Google Search Console

  • Pokud máte web v Google Search Console, najděte sekci “Core Web Vitals”
  • Červené URL = špatné, žluté = vylepšit, zelené = dobré

Proč je váš web pomalý? Nejčastější příčiny

1. Obří neoptimazované obrázky

  • Fotka z mobilu může mít 8 MB, ale na webu stačí 150 KB
  • Řešení: Komprese obrázků, moderní formáty (WebP, AVIF)

2. Zastaralý hosting

  • Sdílený hosting za 100 Kč měsíčně je pomalý, protože na jednom serveru běží 500+ webů
  • Řešení: Kvalitní hosting od 500 Kč/měsíc nebo cloudové řešení

3. Příliš mnoho pluginů a skriptů

  • Každý plugin (slider, formulář, chat) přidává kód, který musí prohlížeč zpracovat
  • Řešení: Odstraňte, co nepoužíváte

4. Žádné cachování

  • Bez cache musí server generovat stránku znovu při každé návštěvě
  • Řešení: Povolit cache na serveru

5. Pomalá databáze

  • Databáze bez optimalizace = každý dotaz trvá dlouho
  • Řešení: Pravidelná údržba, indexy

Praktický checklist pro zadání vývojáři

Když budete jednat s vývojářem, požadujte tyto konkrétní věci:

Před optimalizací:

  • “Změřte současný stav v PageSpeed Insights a uložte screenshot”
  • “Jaké je aktuální skóre? Které Core Web Vitals nesplňujeme?”

Během optimalizace:

  • “Komprimujte všechny obrázky na webu, použijte WebP formát”
  • “Nastavte browser caching minimálně na 1 rok pro statické soubory”
  • “Implementujte lazy loading pro obrázky pod ‘fold’ (mimo první obrazovku)”
  • “Minimalizujte CSS a JavaScript”
  • “Použijte CDN pro statické soubory”

Po optimalizaci:

  • “Poskytněte nový screenshot z PageSpeed Insights”
  • “Jaké je nové skóre? O kolik se zlepšily Core Web Vitals?”
  • “Nastavte monitoring, abychom viděli změny v reálném čase”

Varování:

  • Pokud vývojář řekne “Rychlost není důležitá” nebo “To se nedá změřit” → špatný vývojář
  • Pokud nabízí jen přechod na dražší hosting bez analýzy → hledá rychlé peníze

Jak rychle se investice vrátí?

Příklad: E-shop s 10 000 návštěvníky měsíčně

  • Současná konverze: 2% = 200 objednávek

Po zrychlení o 1 sekundu:

  • Nárůst konverze o cca 7% = 214 objednávek

Nejen peníze: Další výhody rychlého webu

  • Lepší SEO: Google vás posune výš ve vyhledávání
  • Nižší náklady na PPC reklamu: Google Ads odměňuje rychlé weby nižšími cenami za kliknutí
  • Spokojení zákazníci: Vrací se častěji
  • Mobilní uživatelé: 70% návštěvníků je z mobilu – pro ně je rychlost kritická
  • Důvěryhodnost: Rychlý web působí profesionálně

Závěr: Rychlost není technický detail, je to byznys

Rychlost webu není “nice to have”. Je to přímý nástroj pro zvýšení tržeb a zlepšení pozice ve vyhledávání.

3 kroky, které můžete udělat dnes:

  1. Změřte rychlost vašeho webu na pagespeed.web.dev
  2. Požadujte konkrétní plán optimalizace s měřitelnými výsledky

Každá vteřina zpoždění = ztracené peníze. Jednoduché.