Checklist

Jak vyladit rychlost?
Náš seznam úkolů vám pomůže.

Měření

  • Měřte pravidelně a všechny vstupní stránky: viz tester PageSpeed.cz.
  • Sledujte vývoj metrik Web Vitals u uživatelů v Google Search Console a na PageSpeed.cz.
  • Držte hodnoty metriky Web Vitals na doporučené úrovni: LCP < 2,5 s; INP < 200 ms; CLS < 0,1.

Produkční soubory webu

  • Minifikujte textové soubory (HTML, CSS, JS…) před umístěním na web.
  • Pokud je to možné, frontendové soubory hostujte na vlastní doméně.

Obrázky

  • Optimalizujte datový objem pomocí nástrojů jako MozJPEG, Kraken.io nebo Squoosh pro jednorázové optimalizace.
  • Na mobilní zařízení posílejte menší velikost obrázků, například pomocí parametrů srcset a sizes v <img>.
  • Využijte úsporného formátu WebP, zvažte také AVIF.
  • Nasaďte líné načtení, nejlépe pomocí atributu loading="lazy".
  • Neaplikujte líné načtení na obrázky, které tvoří hlavní obsah stránky (LCP element).
  • U obrázků v <img> vždy doplňujte parametry width/height, aby nedocházelo k nechtěným posunům layoutu.

Fonty

  • Využijte vlastnost font-display v CSS pro rychlé první vykreslování.
  • Zmenšete velikost webfontů jejich subsetováním.
  • Využijte variable fonts.

JavaScript

  • Pokud je to možné, vlastní JS vkládejte jako neblokující před HTML značku </body>.
  • Sledujte vliv třetích stran na metriku Total Blocking Time, například pomocí nástroje Lighthouse.

Server

  • Rychlost odezvy serveru (metrika TTFB) držte maximálně do 500 ms.
  • Zapněte OCSP stapling, který zrychlí proces TLS autentizace.
  • Zkontrolujte nastavení komprese textových souborů pomocí Gzip, zvažte novější kompresi Brotli.
  • U frontendových souborů nastavte doby kešování v prohlížeči (max-age) na rok a cache invalidujte změnou názvu souboru.

Ostatní

  • Velikost DOM elementů držte ideálně pod 1 500 uzlů.
Podívejte se také na podrobný kontrolní seznam ze Smashing Magazine, který jsme pro vás přeložili.

Můžeme pracovat s cookies, abychom měli přehled jak web používáte?

Předvolby

Můžeme pracovat s cookies, abychom měli přehled jak web používáte?

Nezbytné, aby stránky fungovaly

Nezbytné soubory cookie pomáhají učinit web použitelným povolením základních funkcí, jako je navigace na stránce a přístup do zabezpečených oblastí webu. Bez těchto cookies nemůže web správně fungovat.

Personalizační, abyste si mohli ukládat vaše nastavení

Předvolené soubory cookie umožňují webové stránce zapamatovat si informace, které mění způsob, jakým se web chová nebo vypadá, například preferovaný jazyk nebo oblast, ve které se nacházíte.

Analytika, abychom mohli stránky zlepšovat

Analytické cookies pomáhají majitelům webových stránek porozumět tomu, jak návštěvníci interagují s webovými stránkami, a to anonymním shromažďováním a hlášením informací.

Marketing, abyste se nás mohli zeptat pomocí chatu

Marketingové cookies se používají ke sledování návštěvníků napříč webovými stránkami. Záměrem je zobrazovat reklamy, které jsou pro jednotlivého uživatele relevantní a poutavé, a tím cennější pro vydavatele a inzerenty třetích stran.