Proč je důležitá rychlost webu

Web, který se na mobilu načítá čtyři vteřiny, přijde zhruba o třetinu lidí, kteří si ho nikdy neprohlédnou. Nejde o technický detail, jde o rozdíl mezi poptávkou a odchodem zpět do vyhledávače.

Každá vteřina navíc má cenu, kterou umíte spočítat

Rychlost si přepočítám na peníze jednoduše. Máte pět tisíc návštěv měsíčně, dvě procenta z nich pošlou poptávku a průměrná zakázka je patnáct tisíc. To je sto tisíc měsíčně. Když se doba načtení zkrátí ze čtyř vteřin na dvě, konverze se typicky zvednou o pětinu. To je dvacet tisíc navíc bez jediné koruny do reklamy.

Souvislost není lineární. Největší propad je mezi jednou a třemi vteřinami, kde odchází nejvíc lidí. Nad pět vteřin už je celkem jedno, jestli je to šest nebo osm, protože většina návštěvníků je dávno pryč. Proto se investice do rychlosti vyplatí hlavně u webů, které se dnes pohybují mezi dvěma a pěti vteřinami.

Na mobilu je situace horší, než ukazuje váš notebook na optice v kanceláři. Reálný zákazník stojí na tramvajové zastávce, má tři čárky signálu a telefon starý čtyři roky. Web, který vám naskočí za vteřinu, mu poroste sedm. Testujte v podmínkách, ve kterých se u vás reálně nakupuje.

Core Web Vitals: tři čísla, která Google skutečně měří

Google od roku 2021 používá tři konkrétní metriky. LCP měří, za jak dlouho se zobrazí největší prvek na obrazovce, obvykle hlavní fotka nebo nadpis. Limit je dvě a půl vteřiny. INP měří, jak rychle stránka odpoví na kliknutí, limit je dvě stě milisekund. CLS hlídá poskakování obsahu během načítání.

Podstatné je, že Google používá data od reálných návštěvníků v Chrome, ne z laboratorního testu. Můžete mít v testovacím nástroji devadesát bodů a v reálných datech propadat, protože vaši lidé chodí z pomalých mobilů. Reálná data najdete v Search Console v sekci Core Web Vitals a nic za ně neplatíte.

• LCP do 2,5 vteřiny: kdy se zobrazí největší prvek stránky
• INP do 200 milisekund: jak rychle web reaguje na kliknutí
• CLS pod 0,1: jak moc obsah poskakuje během načítání
• TTFB do 800 milisekund: jak rychle odpoví samotný server
• Hodnotí se 75. percentil návštěv, tedy tři čtvrtiny lidí, ne průměr

Kde se čas ztrácí: obrázky, fonty a cizí skripty

V devíti z deseti případů jsou to obrázky. Fotografie nahraná přímo z foťáku má čtyři megabajty a šířku šest tisíc pixelů, přestože se zobrazí v šířce osmi set. Jedna taková fotka v hlavičce znamená tři vteřiny čekání na mobilu. Převod do formátu WebP a zmenšení na reálný rozměr sníží velikost o osmdesát až devadesát procent.

Druhý žrout jsou cizí skripty. Chat, dva pixely, mapa, přehrávač videa, lišta se souhlasem s cookies, nástroj na hodnocení. Každý z nich stahuje vlastní soubory z cizího serveru a blokuje vykreslení. Při auditech běžně vidím weby, kde skripty třetích stran tvoří sedmdesát procent celkové váhy stránky.

Třetí je hosting a šablona. Sdílený hosting za padesát korun měsíčně odpoví za osm set milisekund i s prázdnou stránkou. Univerzální šablona z tržiště nese kód pro dvacet rozvržení, ze kterých používáte jedno. Statický web nasazený na CDN startuje pod sto milisekund a měsíčně stojí méně než ten pomalý.

• Obrázky ve formátu WebP a v reálném zobrazovaném rozměru
• Odložené načítání obrázků a videí mimo první obrazovku
• Fonty z vlastního serveru, maximálně dva řezy, s parametrem swap
• Skripty třetích stran až po prvním vykreslení nebo po interakci
• Souhlas s cookies, který neblokuje vykreslení celé stránky
• Hosting s CDN a cache, ne sdílený tarif za padesát korun

Jak měřit tak, aby čísla něco znamenala

Otevřete PageSpeed Insights, zadejte adresu a dívejte se hlavně na horní část s reálnými daty od uživatelů. Spodní laboratorní skóre je jen simulace. Pokud máte málo návštěv, reálná data se neukážou a musíte se spolehnout na test, ale pak testujte v režimu mobil a s pomalejším připojením.

Druhý pohled dává WebPageTest, kde si nastavíte lokalitu Praha, mobilní zařízení a připojení 4G. Uvidíte časovou osu a poznáte, který konkrétní soubor drží vykreslování. Třetí zdroj je Search Console, která ukáže, kolik adres spadá do kategorie špatné. Tam začínejte, protože jde o stránky s reálným provozem.

Měřte stejnou stránku ve stejnou dobu a třikrát po sobě. Jednorázový test je ovlivněný cache a momentálním zatížením serveru. Zapište si výchozí čísla před opravou, jinak nikdy nedokážete, že se něco zlepšilo. Snímek z PageSpeed před a po je nejlevnější důkaz návratnosti, jaký můžete mít.

Co zlepšit první a co to stojí

Pořadí je pokaždé stejné. Obrázky, fonty, skripty, hosting, teprve nakonec kód. Optimalizace obrázků zabere dvě hodiny a často srazí načtení o polovinu. Přepis kódu zabere týden a přinese desetinu toho. Když někdo začne od konce, obvykle prodává práci, ne výsledek, který jde změřit.

U klientů řeším rychlost jako součást stavby, ne jako doplňkovou službu. Nový web stavím jako statický, s obrázky převedenými do WebP a s minimem cizích skriptů, takže LCP pod dvě vteřiny je výchozí stav, ne bonus navíc. Dodání trvá do sedmi dnů a základní web začíná na 19 990 Kč.

Rychlost jako pozice ve vyhledávání i cena za kliknutí

Rychlost není hlavní faktor pořadí, ale rozhoduje mezi weby s podobným obsahem. Google to říká otevřeně: když dvě stránky odpovídají na dotaz stejně dobře, dostane přednost ta s lepším zážitkem. U konkurenčních dotazů typu rekonstrukce koupelny Praha jde o desítky pozic mezi vámi a někým dalším.

V placené reklamě je dopad okamžitý. Pomalá cílová stránka snižuje skóre kvality, takže platíte víc za stejné kliknutí. Zároveň část lidí odejde dřív, než se stránka zobrazí, takže za ně zaplatíte a nikdy je neuvidíte v analytice. Zrychlení cílové stránky umí srazit cenu za poptávku o čtvrtinu.

• Stejný obsah plus lepší rychlost znamená lepší pozici
• Pomalá cílová stránka zdražuje kliknutí v Google Ads
• Za odchody před načtením platíte, ale nevidíte je v analytice
• Google hodnotí mobilní verzi, ne verzi pro počítač
• Zlepšení se v Search Console projeví se zpožděním asi čtyř týdnů

Časté otázky

Jaká rychlost načtení je dnes dobrá?

Cíl je LCP pod dvě a půl vteřiny na mobilu při reálném připojení, ideálně pod dvě. Server by měl odpovědět do osmi set milisekund. Celková váha stránky do jednoho megabajtu je zdravá hranice. Pokud jste nad čtyřmi vteřinami, ztrácíte měřitelnou část poptávek každý jednotlivý den.

Zrychlí se web, když jen vyměním hosting?

Částečně. Lepší hosting zkrátí odpověď serveru o dvě až šest set milisekund, což je znát, ale neopraví čtyřmegabajtové obrázky ani patnáct cizích skriptů. Hosting měňte až jako druhý krok. Nejdřív obrázky a skripty, protože tam bývá osmdesát procent problému a nestojí to nic než váš čas.

Musím kvůli rychlosti dělat nový web?

Ne vždy. Pokud je stávající web postavený rozumně, dostanete ho z pěti vteřin pod tři jen prací s obrázky, fonty a skripty. Nový web má smysl, když stojí na těžké šabloně s desítkami rozšíření, kde každá oprava naráží na další. Rozhodne audit, který zabere pár hodin.