Rychlost webu je téma, které se řeší jako technická metrika. Vývojář ukáže skóre, marketing přikývne a nikdo neví, co s tím.
Přitom je to jedna z mála věcí na webu, která se dá přepočítat přímo na peníze. Každá sekunda navíc znamená lidi, kteří odejdou dřív, než uvidí, co nabízíte.
Tenhle text vysvětluje, co rychlost reálně ovlivňuje, které tři metriky sledovat a co s tím udělat, když nejste vývojář.
Co rychlost ovlivňuje
Mluví se hlavně o pozicích ve vyhledávání a to je paradoxně ta nejmenší část. Google rychlost hodnotí, ale váha je nižší, než se traduje.
Většina ztráty je jinde, totiž u lidí, kteří na web už došli a nedočkali se.
Konverze. Nejvýraznější dopad. Pomalý web ztrácí lidi mezi kliknutím a načtením, tedy ve chvíli, kdy je náklad na jejich získání už utracený.
Náklad na reklamu. U placených kampaní platíte za proklik bez ohledu na to, jestli se stránka stihla načíst. Pomalá stránka tak zdražuje každou objednávku.
Pozice ve vyhledávání. Reálný, ale menší vliv. Rozdíl mezi rychlým a průměrným webem obvykle nerozhoduje, mezi průměrným a velmi pomalým už ano.
Prakticky z toho plyne, že rychlost patří do rozpočtu na konverze, ne do rozpočtu na SEO. Tak se taky vyhodnocuje.
Tři metriky, které se počítají
Google měří rychlost sadou ukazatelů Core Web Vitals. Jsou tři a každý popisuje jinou část zážitku ze stránky.
Podstatné je, že se měří na reálných návštěvách, ne v laboratoři.
LCP měří, za jak dlouho se vykreslí největší prvek na obrazovce, obvykle hlavní obrázek nebo nadpis. Cíl je do dvou a půl sekundy.
INP měří, jak rychle stránka zareaguje na kliknutí nebo ťuknutí. Cíl je do dvou set milisekund.
CLS měří, jak moc obsah poskakuje během načítání. Cíl je pod jednu desetinu.
Rozdíl mezi laboratorním testem a reálnými daty bývá velký. Test se dělá na rychlém připojení a výkonném stroji, vaši návštěvníci často ne.
Proč rychlost ovlivňuje chování lidí, rozebírá tým kolem web.dev v článku o významu rychlosti. Klíčová myšlenka je, že pomalost neodhání jen část návštěvníků, ale snižuje důvěru v celou značku.
Kde se rychlost obvykle ztrácí
Příčiny jsou u českých webů překvapivě podobné. Ve většině případů jde o čtyři věci a všechny se dají řešit bez přestavby webu.
Seřazené jsou podle toho, jak často je vidíme a kolik to obvykle přinese.
Nekomprimované obrázky. Nejčastější příčina vůbec. Fotka z fotoaparátu nahraná přímo do redakčního systému může mít několik megabajtů.
Skripty třetích stran. Chat, měřicí kódy, widgety, hodnocení. Každý přidá požadavky, které nemáte pod kontrolou.
Šablona, která načítá všechno. Řada hotových šablon načte na každé stránce kód pro funkce, které tam nejsou.
Pomalý hosting. Nejméně častá příčina, ale u sdíleného hostingu za pár korun měsíčně se projeví hlavně ve špičce.
Co udělat, když nejste vývojář
Řada zlepšení nevyžaduje programátora. Následující kroky zvládne marketér s přístupem do redakčního systému.
Pořadí je podle poměru námahy a výsledku.
Zmenšete obrázky. Nahrávejte je v rozumném rozlišení a v moderním formátu. U WordPressu to zvládne plugin, u e-shopů obvykle nastavení.
Projděte skripty. Vypište si, co všechno se na webu načítá, a u každé položky se zeptejte, jestli ji někdo používá. Obvykle najdete dvě až tři zbytečné.
Zapněte mezipaměť. Cachovací plugin nebo nastavení na serveru je jednorázová práce s okamžitým efektem.
Zjistěte, které šablony jsou nejpomalejší. Nemá smysl řešit web jako celek. Zaměřte se na domovskou stránku, kategorii a produkt nebo stránku služby.
To poslední je nejdůležitější. Zadání pro vývojáře nemá znít zrychlete web, ale zrychlete tyhle tři šablony a tady je proč.
Jak si to změřit
Nástroje jsou zdarma a stačí dva. Rozdíl mezi nimi je v tom, jestli měří laboratorně, nebo na reálných lidech.
Používejte oba a dívejte se hlavně na ten druhý typ dat.
PageSpeed Insights ukáže obojí najednou. Nahoře jsou data z reálných návštěv za posledních dvacet osm dní, dole laboratorní test s doporučeními.
Search Console má vlastní sekci Core Web Vitals, která ukazuje celý web najednou a rozděluje adresy do skupin podle šablony. Tam se pozná, které typy stránek jsou problém.
Jak se v Search Console orientovat, popisujeme u Search Console. Sekce s rychlostí je jedna ze sedmi, které se vyplatí sledovat.
Kolik do toho investovat
Rychlost má klesající výnos. Cesta z velmi pomalého webu na průměrný je levná a přinese hodně, cesta z dobrého na výborný je drahá a přinese málo.
Rozumný cíl pro většinu firem je dostat se do zeleného pásma na mobilu u nejnavštěvovanějších šablon.
Honit se za stovkou ve všech testech nedává ekonomický smysl. Poslední body stojí nesrovnatelně víc než ty první a na tržbách se neprojeví.
Praktický test, jestli má cenu do rychlosti dál investovat, je porovnat konverzní poměr na mobilu a na počítači. Když je rozdíl velký, prostor tam je.
Čeho se vyvarovat
Následující postupy vidíme často a všechny buď nefungují, nebo naopak škodí.
Šetří to čas i peníze.
Optimalizace podle skóre. Číslo v testu není cíl. Cíl je, aby lidé nakupovali.
Agresivní cachování bez testu. U e-shopu umí rozbít košík nebo zobrazovat neplatné ceny.
Odkládání skriptů naslepo. Odložení měřicího kódu znamená, že přijdete o data.
Řešení webu jako celku. Zlepšení stránky, na kterou nikdo nechodí, nikam nevede.
Otázky, které kolem rychlosti padají
Pět dotazů, které dostáváme nejčastěji od majitelů webů i od marketérů.
Odpovědi platí obecně, u konkrétní platformy se detaily liší.
Zlepší rychlost moje pozice?
Trochu ano, ale méně, než se traduje. Zásadní rozdíl to dělá jen u opravdu pomalých webů.
Berte ji jako investici do konverzí. Pozice jsou příjemný vedlejší efekt.
Jaké skóre je dost?
Důležitější než skóre je, jestli jste v zeleném pásmu u všech tří metrik Core Web Vitals na mobilu.
Skóre v PageSpeed Insights je vážený průměr, který se dá zlepšit i bez reálného dopadu na uživatele.
Proč mám jiné číslo pokaždé?
Laboratorní test se mění podle zatížení serveru a podmínek měření. Proto se dívejte na data z reálných návštěv, která jsou stabilnější.
Když test kolísá výrazně, je to samo o sobě signál, že web je nestabilní pod zátěží.
Pomůže přechod na lepší hosting?
Někdy ano, ale bývá to až třetí v pořadí. Nejdřív obrázky a skripty, pak šablona, teprve pak server.
Výjimka je sdílený hosting za pár desítek korun, kde se limit projeví hned.
Kolik to stojí?
Základní úpravy zvládnete sami za pár hodin. Zásah do šablony bývá v jednotkách až nižších desítkách tisíc podle složitosti webu.
Přestavba webu kvůli rychlosti se vyplatí jen tehdy, když je potřeba i z jiných důvodů.
Kde začít u vás
Hoďte svou nejnavštěvovanější stránku do PageSpeed Insights a podívejte se na horní část s reálnými daty. Během minuty víte, jestli problém máte.
Pak porovnejte konverzní poměr na mobilu a na počítači v Analytics. Když je rozdíl výrazný, rychlost je nejpravděpodobnější příčina.
Chcete konkrétní zadání pro vývojáře místo obecného zrychlete to? Řešíme rychlost při stavbě webů i v rámci optimalizace pro vyhledávače.
