Checklist

Web jako blesk?
Začněte našim checklistem.

Rychlý web není trend. Je to rozdíl mezi „nakoupím“ a „jdu pryč“. Čísla to potvrzují, byznys to pocítí.

Díky zlepšení rychlosti webu deNatura.cz se nám v PageSpeed.cz podařilo zvýšit návštěvnost z Googlu o 17,3 %.
Načtení za jednu vteřinu? 6× vyšší konverze než při načtení za čtyři vteřiny. To jsme nameřili u velkého e-shopu.
Na webu se podařilo zvýšit konverzní poměr o 25 % díky relativně jednoduchým změnám.
Pokud stránka splňuje Core Web Vitals, je o 24 % méně pravděpodobné, že uživatel odejde před načtením.
Rychlejší weby mívají nižší nižší náklady na PPC reklamu. Ukázalo se to například po optimalizaci Livesportu.

Rychlost není kouzlo. Je to řemeslo.
A my v PageSpeed.cz ho umíme. Podívejte se na náš monitoring, služby nebo si rovnou promluvme.

Rychlost není jen vývojářská záležitost. Týká se všech – vývojář, designér, marketér, šéf. Zkroťte chaos.

Vždy mějte zapnutý monitoring. Včas odhalte probémy, nedopusťte náhodné zhoršení.
Přesvědčte vedení, že rychlost je důležité téma pro byznys.
Mějte ve firmě performance manažera, který téma aktivně řeší a posouvá.
Nastavte správné metriky, u větších webů jděte za rámec Core Web Vitals.
Vzdělávejte všechny dotčené, což jsou kromě vývojářů i marketéři, editoři obsahu a designéři.
Zvažujte vliv na rychlost už při návrhu nových funkcí a výběru řešení třetích stran.
TIP: Pusťte si úvodní video o Performance Culture.

LCP měří, kdy se objeví to nejdůležitější na stránce. Máte na to 2,5 sekundy.

Zrychlete odezvu serveru (TTFB). Doporučujeme se vejít pod 0,5 sekundy.
Zajistěte efektivnější kompresi, například pomocí Gzipu nebo Brotli na úrovni 6-7.
Optimalizujte fonty. Zmenšete datovou velikost a zajistěte, aby nedošlo ke skrytí.
Používejte lazy loading. Ale správně. Nedávejte líné načítání na LCP obrázky.
Zvyšte prioritu LCP prvkům. Například pomocí preload nebo Priority Hints.
Obrázky. Používejte moderní formáty jako WebP nebo AVIF.
Používejte CDN a vždy zvažte nasazení Cloudflare.
TIP: naučte se najít LCP element a nastudujte další možnosti optimalizace LCP.

INP měří, jak rychle web reaguje na kliknutí. 200 milisekund je hranice.

Eliminujte dlouhé úlohy v JavaScriptu. Long Tasks měří metrika TBT.
Odložte spouštění nekritického kódu. Není to potřeba pro první vykreslení? Odložte to.
Zkroťte frameworky. Viz naše texty o optimalizaci Reactu nebo Vue.
Optimalizujte skripty třetích stran, jako je GTM. Občas tam bývá zádrhel.
Občas použijte trik se setTimeout() pro rozdělení dlouhých úloh na menší.
TIP: Dávejte uživateli po kliknutí vědět, že akce potrvá. Viz další možnosti optimalizace INP.

CLS hlídá, jestli se vám stránka nepřeskladává pod rukama. Limit pro splnění je 0,1.

Rezervujte prostor. U obrázků vždy width/height. Ostatním také rezervujte prostor.
Držte prostor fontům. Používejte CSS tak, aby se zabránilo posunům při načtení fontů.
TIP: Animujte moderně, vždy s transform. Podívejte se také na další optimalizace CLS.

Chcete další důležité technické tipy, které mohou ovlivnit více metrik?

Monitoring rychlosti PLUS