Proč na rychlosti webu záleží?

Představte si situaci. Návštěvník klikne na odkaz na váš web a čeká. Uplynou dvě sekundy. Tři. Ve čtvrté sekundě je víc než polovina z nich pryč a už se nevrátí. Rychlost webu není technická starost ležící kdesi v backlogu vývojářů. Je to první věc, kterou návštěvník zažije, než přečte slovo, uvidí vaše logo nebo se rozhodne, zda vám důvěřuje. Tento článek vysvětluje, proč na rychlosti webu záleží pro vaše návštěvníky, konverze a pozice ve vyhledávání, co vás pomalý web skutečně stojí, co v praxi znamená „dostatečně rychlý“ a které běžné problémy způsobují potíže s výkonem.

Rychlost webu je doba, za kterou se stránka plně načte a stane se použitelnou v prohlížeči návštěvníka. Pro váš web nezáleží jen na tom, jak rychle působí na vašem vlastním zařízení, ale na tom, jak funguje pro skutečné návštěvníky při různých rychlostech připojení, z různých míst a na různých zařízeních. Podrobnější pohled na konkrétní metriky, které se k měření používají, najdete v článku o době načítání stránky a tom, jak ji měřit.

Proč návštěvníci pomalé weby opouštějí?

Lidská pozornost není štědrá. Návštěvníci si o stránce utvářejí dojem během milisekund a ten je částečně dán tím, zda stránka reaguje okamžitě. Co ukazují data o tom, jak doba načítání ovlivňuje chování.

Čísla o okamžitých odchodech

• Stránka, která se načítá 3 sekundy místo 1, vidí nárůst míry okamžitých odchodů zhruba o 32 procent
• Při 5 sekundách se toto číslo téměř zdvojnásobí na 90 procent
• Při 10 sekundách stránka ztratila drtivou většinu návštěvníků, kteří přišli

Proč návštěvníci nečekají

Pomalá stránka signalizuje, že je něco špatně. Možná server nejede. Možná se web špatně udržuje. Návštěvníci to nezkoumají. Stisknou tlačítko zpět a otevřou další výsledek. Obsah vaší stránky, ať je sebesilnější, nikdy nikdo neuvidí.

Mobil to zhoršuje

Mobilní návštěvníci opouštějí stránku, která se nenačte okamžitě, ještě rychleji. Protože mobilní zařízení dnes celosvětově tvoří většinu návštěvnosti webů, má web, který na počítači funguje dostatečně, ale na mobilu špatně, vážný problém, který se týká většiny jeho publika.

Kolik pomalý web stojí vaše podnikání?

Pomalá rychlost stránek má měřitelný dopad na tržby, nejen na pozice. Účinky se skládají napříč několika oblastmi podnikání.

Konverze klesají s každou sekundou

• Každá další sekunda doby načítání snižuje konverzní poměr v průměru o 4,42 procenta
• Web s 1 000 návštěvníky měsíčně a konverzí 3 procenta ztratí 6 konverzí při každém 2sekundovém zpoždění
• Ve větším měřítku se tento rozdíl měsíc po měsíci násobí

Návštěvníci se po špatné zkušenosti málokdy vracejí

• Přibližně 79 procent nakupujících, kteří narazí na problémy s výkonem, říká, že na stejném webu už nenakoupí
• Škoda se neomezuje na jednu návštěvu. Zasahuje celoživotní hodnotu zákazníka i doporučení od lidí

Placená návštěvnost se mění v promarněné výdaje

U webů, které se při získávání návštěvnosti spoléhají na výdaje za reklamu, je pomalý výkon ještě dražší. Placení návštěvníci stojí peníze. Když je pomalá stránka přiměje odejít dřív, než se zapojí, rozpočet vynaložený na jejich přivedení nepřinese žádný výnos. Každý okamžitý odchod z placené návštěvy je přímá finanční ztráta.

Rychlost utváří vnímanou kvalitu

Rychlý a pohotový web signalizuje profesionalitu. Pomalý podkopává důvěryhodnost dřív, než návštěvník cokoli přečte. U poskytovatelů služeb a konzultantů, kde je důvěra součástí rozhodnutí o koupi, má tento první dojem velkou váhu.

Jak rychlost webu ovlivňuje vaše pozice ve vyhledávání?

Rychlost stránky je oficiální faktor pro pozice. Vyhledávače to potvrdily v roce 2021, když se signály zážitku ze stránky včetně Core Web Vitals začlenily do řadicích algoritmů. Rychlost se měří třemi konkrétními metrikami. Když pochopíte, co jsou Core Web Vitals, získáte celý kontext, ale tady je, co každá měří a jaká skóre jsou důležitá.

Largest Contentful Paint (LCP)

• Co měří: jak dlouho trvá, než se plně načte největší viditelný prvek (hlavní obrázek, nadpis, velký blok textu)
• Dobré skóre: 2,5 sekundy nebo rychleji
• Potřebuje zlepšení: 2,5 až 4 sekundy
• Špatné: nad 4 sekundy

Interaction to Next Paint (INP)

• Co měří: jak rychle stránka reaguje na kliknutí, klepnutí a vstup z klávesnice během celé návštěvy
• Dobré skóre: 200 milisekund nebo méně
• Potřebuje zlepšení: 200 až 500 milisekund
• Špatné: nad 500 milisekund

INP v roce 2024 nahradilo First Input Delay a dává úplnější obraz o interaktivitě za celou návštěvu, ne jen při prvním kliknutí.

Cumulative Layout Shift (CLS)

• Co měří: jak moc se rozvržení stránky během načítání nečekaně posouvá (skákající text, přesouvající se tlačítka)
• Dobré skóre: 0,1 nebo méně
• Potřebuje zlepšení: 0,1 až 0,25
• Špatné: nad 0,25

Jak vyhledávače stránky hodnotí

• Skóre vychází z reálných dat od skutečných návštěvníků, ne jen z výsledků nástrojů na rychlost
• Platí pravidlo 75. percentilu: aby stránka prošla, musí 75 procent návštěv splnit hranici „dobré“
• Mobilní skóre mají větší váhu než skóre na počítači, od chvíle, kdy se mobilní indexace stala standardem

Rychlost jako signál pro pozice v kontextu

Core Web Vitals nepřebíjejí kvalitu obsahu. Vysoce relevantní stránka se silnými odkazy se stále umístí výš než technicky rychlejší stránka s chudým obsahem. Ale když mají dvě konkurenční stránky podobnou relevanci a autoritu, výš se umístí ta s lepšími skóre. V konkurenčních oborech se technický výkon stává skutečným rozlišujícím faktorem. Širší kontext najdete v článku o tom, co je SEO.

Co se počítá jako dostatečně rychlé?

Absolutní měřítka, ke kterým směřovat

• LCP pod 2,5 sekundy
• INP pod 200 milisekund
• CLS pod 0,1
• Plná interaktivita do 3 sekund na mobilním připojení

Jak číst skóre testu rychlosti

• Nad 90: rychlé
• 50 až 89: průměrné
• Pod 50: významné problémy s výkonem, které pravděpodobně ovlivňují zážitek i pozice

V konkurenčním pohledu musí být váš web alespoň tak rychlý jako stránky, které se na vaše cílová klíčová slova umisťují nad vámi. Testy spouštějte zvlášť na mobilu a na počítači a dívejte se na terénní data (měření skutečných návštěvníků), ne jen na laboratorní výsledky.

Co web zpomaluje?

Problémy s výkonem se téměř vždy vracejí k týmž příčinám. Když je znáte, snáz poznáte, odkud zpomalení pochází.

Neoptimalizované obrázky

• Fotka ve vysokém rozlišení z telefonu může snadno mít 4 až 8 megabajtů
• Správně zkomprimovaná verze téhož obrázku může mít pod 100 kilobajtů bez viditelné ztráty kvality
• Stránky s několika příliš velkými obrázky mohou samy přidat 3 až 5 sekund doby načítání
• Komprese a změna velikosti obrázků před nahráním je obvykle nejúčinnější dostupná oprava

Pomalá doba odezvy serveru

• Každé načtení stránky začíná požadavkem na váš server
• Pokud server odpovídá pomalu, celé načtení se zpozdí, ještě než je odeslán jediný bajt
• Sdílené hostingové prostředí, kde se prostředky dělí mezi mnoho webů, může mít nepředvídatelné doby odezvy

Skripty a styly blokující vykreslování

• Prohlížeče pozastaví vykreslování, když narazí na soubory CSS nebo JavaScript, které musí nejdřív zpracovat
• Velké soubory skriptů načtené před obsahem stránky nechají návštěvníky hledět na prázdnou obrazovku
• Odložené nebo asynchronní načítání nekritických skriptů je vyřadí z kritické cesty vykreslování

Žádná mezipaměť

• Bez mezipaměti spouští každá návštěva úplné sestavení stránky od začátku
• S mezipamětí se vracející se návštěvníci načítají z uložené verze, což je výrazně rychlejší
• U stránek s vysokou návštěvností mezipaměť snižuje zároveň dobu načítání i zátěž serveru

Příliš mnoho skriptů třetích stran

• Chatovací widgety, sledovací pixely a odznaky recenzí přidávají každý externí požadavek na připojení
• Pokud kterýkoli z těch externích serverů odpovídá pomalu, zpomalí se i vaše stránka
• Audit a odstranění nepoužívaných skriptů třetích stran je přímočarý způsob, jak tuto zátěž snížit

Rychlost je také jednou ze součástí přístupného webu, protože pomalé načítání neúměrně postihuje uživatele s pomalejším připojením nebo staršími zařízeními. Širší pohled na to, jak tyto faktory utvářejí zážitek návštěvníků, najdete v článku o UX designu a uživatelském zážitku.

Jak WEMASY řeší rychlost webu

WEMASY zabudovává optimalizace rychlosti do tvůrce webů ve výchozím nastavení, ne jako volitelné doplňky. Hostingová infrastruktura je součástí každého tarifu, takže weby nejsou umístěny na poddimenzovaných sdílených prostředích. Obrázky nahrané přes platformu se automaticky komprimují a mění se jejich velikost. Mezipaměť je ve výchozím nastavení zapnutá a stránky vytvořené ve WEMASY zůstávají štíhlé, aby se omezily problémy s blokováním vykreslování, bez jakékoli technické konfigurace.

Skóre Core Web Vitals je vidět v administraci WEMASY, takže majitelé webů mají přímý pohled na to, jak si jejich stránky vedou vůči hranicím, které vyhledávače používají.

Co je zahrnuto v jednotlivých tarifech, zjistíte u tvůrce webů WEMASY, nebo si projděte možnosti tarifů v ceníku.

Často kladené otázky