Jak zrychlit web a zlepšit Core Web Vitals

Jak zrychlit web a zlepšit Core Web Vitals

Praktický návod, jak zrychlit firemní web a zlepšit Core Web Vitals (LCP, INP, CLS): měření, obrázky, hosting, skripty a checklist pro Google i Seznam.

Jak zrychlit web a zlepšit Core Web Vitals

Jak zrychlit web a zlepšit Core Web Vitals

Pomalý web stojí zákazníky. Když se stránka na mobilu načítá příliš dlouho, návštěvník z Prahy nebo Brna se prostě vrátí do výsledků vyhledávání a klikne na konkurenci. A nejhorší je, že o tom většinou ani nevíte.

Google rychlost a uživatelský zážitek měří pomocí metrik Core Web Vitals a zohledňuje je při hodnocení stránek. I když samotná rychlost nezaručí první místo, pomalý a „skákající“ web znevýhodňuje ve vyhledávání i v prodejích. Na rychlosti záleží také u Seznamu, protože uživatelé jednoduše opouštějí pomalé stránky.

V tomto návodu vysvětlujeme, co Core Web Vitals znamenají, jak je změřit a jaké konkrétní kroky pomohou zrychlit firemní web, i bez hlubokých technických znalostí.

Stručná odpověď

Web zrychlíte hlavně těmito kroky: změřte stav v PageSpeed Insights, zmenšete a převeďte obrázky do moderních formátů (WebP, AVIF), používejte kvalitní hosting s cache a CDN, odstraňte nepotřebné pluginy a skripty třetích stran, odložte načítání méně důležitého JavaScriptu a rezervujte místo pro obrázky a reklamy, aby stránka neposkakovala. Cílem je, aby hlavní obsah byl vidět rychle (LCP), web rychle reagoval na kliknutí (INP) a rozvržení bylo stabilní (CLS).

Co jsou Core Web Vitals?

Core Web Vitals jsou tři metriky, kterými Google hodnotí skutečný zážitek uživatelů:

  • LCP (Largest Contentful Paint) – jak rychle se zobrazí největší prvek na stránce, typicky úvodní fotka nebo nadpis. Doporučená hodnota je do 2,5 sekundy.
  • INP (Interaction to Next Paint) – jak rychle stránka reaguje na kliknutí, klepnutí nebo psaní. Dobrá hodnota je do 200 milisekund.
  • CLS (Cumulative Layout Shift) – jak moc se obsah při načítání posouvá. Dobrá hodnota je pod 0,1.

Tyto hodnoty Google vyhodnocuje z dat skutečných návštěvníků, zejména na mobilních zařízeních. Proto je důležité sledovat hlavně mobilní verzi webu.

Jak rychlost webu změřit

PageSpeed Insights

Nejjednodušší start. Zadáte adresu stránky a nástroj ukáže data od reálných uživatelů (pokud jich je dost) i laboratorní test s konkrétními doporučeními. Testujte nejen úvodní stránku, ale i nejdůležitější stránky služeb a produktů.

Google Search Console

Přehled Core Web Vitals v Search Console ukazuje, které skupiny stránek mají problém. Je to užitečné hlavně u větších webů a e-shopů.

Test v prohlížeči a na skutečném telefonu

Otevřete web na běžném telefonu přes mobilní data. Uvidíte, co skutečně zažívá zákazník, který vás hledá cestou do práce.

Nejčastější příčiny pomalého webu a jejich řešení

1. Velké obrázky

Fotka z fotoaparátu nahraná rovnou na web může mít několik megabajtů. Obrázky zmenšete na skutečně potřebnou velikost, převeďte je do WebP nebo AVIF a u obrázků mimo první obrazovku použijte líné načítání (lazy loading). Úvodní obrázek naopak nenačítejte líně, protože právě on často určuje LCP.

2. Levný nebo přetížený hosting

Pokud server odpovídá pomalu, nepomůže ani nejlepší optimalizace. Vyberte hosting s dobrou odezvou, ideálně se servery v Česku nebo ve střední Evropě, zapněte serverovou cache a zvažte CDN.

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

Chatovací okna, mapy, sledovací kódy, pop-upy, slidery a sociální widgety – každý z nich přidává JavaScript, který zpomaluje načítání i reakce na kliknutí. Projděte, co opravdu potřebujete, a zbytek odstraňte. Méně podstatné skripty načítejte odloženě.

4. Těžká šablona a písma

Univerzální šablony často načítají spoustu kódu, který nepoužíváte. Omezte počet webových fontů a řezů, používejte systémová písma tam, kde to jde, a nastavte zobrazení textu ještě před načtením fontu.

5. Posouvající se obsah

CLS obvykle způsobují obrázky bez zadaných rozměrů, bannery vkládané nad obsah a cookie lišty, které odsunou stránku. Obrázkům a vloženým prvkům vždy nastavte šířku a výšku nebo poměr stran a pro reklamy rezervujte místo předem.

6. Pomalé reakce na kliknutí

Špatné INP bývá způsobeno dlouhými úlohami JavaScriptu. Pomůže omezit skripty třetích stran, rozdělit velké soubory a odstranit nepoužívaný kód.

Přehled: problém, dopad a řešení

ProblémOvlivněná metrikaŘešení
Velké úvodní obrázkyLCPZmenšení, WebP/AVIF, přednačtení hlavního obrázku
Pomalý serverLCPKvalitní hosting, cache, CDN
Mnoho skriptů třetích stranINP, LCPOdstranit nepotřebné, ostatní načítat odloženě
Obrázky bez rozměrůCLSZadat šířku a výšku nebo poměr stran
Bannery a cookie lišty nad obsahemCLSRezervovat místo nebo zobrazit jako překryv
Mnoho fontůLCP, CLSMéně řezů, systémová písma, správné zobrazení textu

Checklist pro zrychlení webu

  1. Změřte 3–5 nejdůležitějších stránek v PageSpeed Insights a poznamenejte si výsledky.
  2. Zkontrolujte přehled Core Web Vitals v Google Search Console.
  3. Zmenšete a převeďte obrázky, zapněte lazy loading pod první obrazovkou.
  4. Ověřte odezvu hostingu a zapněte cache, případně CDN.
  5. Odstraňte nepoužívané pluginy, widgety a sledovací kódy.
  6. Odložte načítání nekritického JavaScriptu.
  7. Nastavte rozměry obrázků a rezervujte místo pro vložené prvky.
  8. Omezte počet webových fontů.
  9. Otestujte web na skutečném telefonu přes mobilní data.
  10. Po úpravách znovu změřte a výsledky sledujte pravidelně, třeba jednou měsíčně.

Čím začít, když nemáte čas

Nemusíte řešit všechno najednou. Největší efekt obvykle přinese několik jednoduchých kroků, které zvládnete během jednoho odpoledne. Začněte obrázky na úvodní stránce a na stránkách služeb, protože právě ty nejčastěji zpomalují zobrazení hlavního obsahu. Potom projděte seznam pluginů a skriptů a odstraňte vše, co nevyužíváte.

Pokud ani potom nejsou výsledky dobré, zaměřte se na hosting. Rychlý server s cache často vyřeší víc než desítky drobných úprav. U e-shopů a větších webů se vyplatí sledovat výsledky pravidelně, protože každý nový plugin, banner nebo sledovací kód může rychlost opět zhoršit.

Časté otázky

Ovlivňuje rychlost webu pozice v Googlu?

Ano, Core Web Vitals jsou součástí signálů o uživatelském zážitku. Obsah a relevance jsou ale stále důležitější. Rychlý web bez kvalitního obsahu nevyhraje, pomalý web s dobrým obsahem však zbytečně ztrácí.

Záleží na rychlosti i u Seznamu?

Seznam nezveřejňuje přesné hodnotící faktory stejně podrobně jako Google, ale rychlý a přehledný web je výhodou vždy. Uživatelé pomalé stránky opouštějí bez ohledu na to, odkud přišli.

Musím mít skóre 100 v PageSpeed Insights?

Ne. Důležitější je, aby reálná data uživatelů byla v zeleném pásmu a web byl pro zákazníky příjemný. Honit se za dokonalým skóre často nepřináší úměrný užitek.

Zvládnu zrychlení webu bez programátora?

Základní kroky ano: optimalizace obrázků, odstranění pluginů, výběr lepšího hostingu. Složitější úpravy kódu a šablony je lepší svěřit odborníkovi nebo zvolit platformu, která rychlost řeší automaticky.

Závěr

Rychlost webu není jen technická metrika, ale přímo ovlivňuje, kolik návštěvníků se změní v zákazníky. Změřte současný stav, začněte obrázky, hostingem a skripty a výsledky pravidelně kontrolujte. I malé úpravy mohou udělat velký rozdíl, hlavně na mobilu.

V Neeblo stavíme rychlé firemní weby s pomocí AI, optimalizované pro SEO a Core Web Vitals, s automatickou tvorbou obsahu, indexací a zpracováním poptávek, aby se malé firmy mohly soustředit na své zákazníky místo na technické detaily.

Zobrazit další články na blogu

Jak získat prvních 100 návštěvníků na nový web

Jak získat prvních 100 návštěvníků na nový web: vlastní síť, Firemní profil na Googlu, Firmy.cz, první články a postup krok za krokem pro malé firmy.

Číst dále

Jak zrychlit web a zlepšit Core Web Vitals

Praktický návod, jak zrychlit firemní web a zlepšit Core Web Vitals (LCP, INP, CLS): měření, obrázky, hosting, skripty a checklist pro Google i Seznam.

Číst dále

Transformujte své podnikání, kontaktujte nás ještě dnes