Otevřete analytiku svého webu, filtrujte podle typu zařízení a rychlost stránky na mobilu se okamžitě stane nejdůležitějším číslem na obrazovce. U většiny webů malých firem tvoří mobil více než polovinu všech návštěv a v mnoha oborech se blíží sedmdesáti či osmdesáti procentům. Přesto se rychlost na mobilu optimalizuje často jako poslední. Rychlost stránky na mobilu není jen technická metrika. Určuje, jak rychle se váš obsah dostane k lidem, kteří ho nejspíš čtou, a přímo ovlivňuje, jak vyhledávače vaše stránky řadí. Tento článek vysvětluje, v čem se rychlost na mobilu liší od rychlosti na počítači, proč je ve výchozím stavu pomalejší a na co se při zlepšování zaměřit především.
Rozdíl mezi výkonem na mobilu a na počítači není jen ve velikosti obrazovky. Mobilní zařízení mají pomalejší procesory, spoléhají na proměnlivé připojení k síti a mají méně paměti. Stejná stránka, která se v prohlížeči na počítači načte za dvě sekundy, se může na mobilu v běžné mobilní síti načítat pět sekund i déle. U většiny webů právě tady zažívá web většina návštěvníků a právě tady většina problémů s rychlostí zůstává bez povšimnutí. Souvislosti o tom, proč rychlost načítání ovlivňuje vaše podnikání jako celek, najdete v článku proč na rychlosti webu záleží.
Proč je rychlost stránky na mobilu důležitější než na počítači?
Výkon na mobilu má větší váhu ze dvou konkrétních důvodů: právě tam vaše stránky zažívá většina skutečných návštěvníků a právě podle něj vyhledávače vaše stránky hodnotí.
Indexování mobile-first
- Vyhledávače procházejí a indexují mobilní verzi stránky a používají ji jako základ pro rozhodování o pozicích
- Pokud je vaše mobilní stránka pomalá, ovlivní to vaše pozice, i když je verze pro počítač rychlá
- Stránka, která splní Core Web Vitals na počítači, ale na mobilu ne, se pro účely řazení považuje za stránku, která neprošla
Kde vaši návštěvníci skutečně jsou
- Mobilní zařízení tvoří ve světě většinu webového provozu téměř v každém oboru
- Pomalý zážitek na mobilu přímo zasahuje návštěvníky, kteří váš web nejčastěji vidí poprvé
- Vysoká míra opuštění na mobilu kvůli pomalému načítání znamená méně poptávek, méně prodejů a nižší konverzní poměr bez ohledu na to, jak dobře funguje verze pro počítač
Proč jsou mobilní stránky pomalejší než stránky na počítači?
Rychlost procesoru
- Mobilní procesory jsou výrazně méně výkonné než procesory počítačů
- Spouštění JavaScriptu, který řídí interaktivní chování stránky, trvá na mobilu déle, protože ho procesor zpracovává pomaleji
- Skript, který se na počítači provede za 50 milisekund, může na mobilu střední třídy trvat 200 až 400 milisekund, což zhorší skóre Total Blocking Time a Interaction to Next Paint do špatného pásma
Podmínky sítě
- Mobilní připojení je proměnlivější než pevná linka. I v sítích 4G a 5G kolísá síla signálu, když se návštěvníci pohybují, vstupují do budov nebo cestují
- Průměrné reálné rychlosti stahování v mobilních sítích jsou výrazně nižší než teoretická maxima sítí 4G a 5G
- Soubory, které se po pevné lince přenesou rychle, se při průměrném mobilním připojení měřitelně načítají déle, takže se dopad každého kilobajtu neoptimalizovaného obsahu zvětšuje
Omezení paměti
- Mobilní zařízení mají k dispozici méně paměti než stolní počítače, což ovlivňuje, kolik obsahu může prohlížeč najednou ukládat do mezipaměti a zpracovávat
- U slabších mobilů může nedostatek paměti zpomalit vykreslování a způsobit, že prohlížeč častěji znovu načítá zdroje z mezipaměti
- Stránky s mnoha těžkými skripty, velkými obrázky a složitým rozvržením zatěžují paměť mobilu víc než paměť počítače
Baterie a tepelné omezování výkonu
- Mobilní zařízení snižují výkon procesoru, když je baterie téměř vybitá nebo když se zařízení přehřívá
- Stránka, která funguje dobře na plně nabitém zařízení v chladném prostředí, může za běžných podmínek dopadnout výrazně hůř
- To je jeden z důvodů, proč data od skutečných návštěvníků často vypadají hůř než výsledky laboratorních testů, které běží za ideálních podmínek
Jak rychlost stránky na mobilu ovlivňuje Core Web Vitals?
Core Web Vitals se hodnotí zvlášť pro mobil a pro počítač a obě sady skóre se mohou zobrazovat v administraci analytiky. Pro účely řazení dávají vyhledávače větší váhu mobilním datům z reálného provozu. Stránka musí splnit Core Web Vitals na mobilu, aby mohla těžit z hodnocení uživatelského zážitku jako signálu pro řazení.
Proč je těžší dosáhnout dobrého skóre Core Web Vitals na mobilu
- Hranice LCP 2,5 sekundy je na mobilu i na počítači stejná, ale mobilní zařízení déle stahují velké obrázky a provádějí skripty, takže se tato hranice splňuje hůř
- INP vyžaduje odezvu do 200 milisekund, ale mobilní procesory provádějí JavaScript pomaleji, takže je tato hranice nejnáročnější na slabších zařízeních
- CLS bývá na mobilu a na počítači obecně podobný, i když drobné rozdíly v rozvržení responzivního designu mohou někdy způsobit posuny, které se na počítači neobjeví
Rozbor toho, co každá metrika Core Web Vitals měří a co znamenají hranice hodnocení, najdete v článku co jsou Core Web Vitals.
Co nejvíc ovlivňuje rychlost stránky na mobilu?
Optimalizace obrázků
- Neoptimalizované obrázky mají na mobilu větší dopad než na počítači, protože je mobilní připojení stahuje pomaleji
- Poskytování obrázků ve správné velikosti pro mobilní obrazovky zkracuje dobu stahování. Návštěvník na obrazovce široké 375 pixelů nepotřebuje obrázek široký 1 920 pixelů
- Líné načítání obrázků pod prvním zobrazením snižuje množství dat stažených dřív, než je stránka použitelná, což je zvlášť cenné na pomalejších mobilních připojeních
Omezení spouštění JavaScriptu
- JavaScript je největším přispěvatelem k pomalému INP na mobilu, protože pomalejším procesorům trvá déle skripty zpracovat a provést
- Omezení množství JavaScriptu na stránce, odložení nekritických skriptů a odstranění nepoužívaných skriptů mají na mobilu poměrově větší dopad než na počítači
- Skripty třetích stran, sledovací pixely a chatovací widgety každý přidávají dobu provádění JavaScriptu, která se na mobilu sčítá
Responzivní design a rozvržení pro mobil
- Stránka navržená především pro počítač a upravená pro mobil často nese podklady a rozvržení určené pro velké obrazovky, které jsou pro mobilní návštěvníky zbytečně těžké
- Přístup mobile-first poskytuje od začátku vhodné podklady pro každou velikost obrazovky, takže se hmotnost stránky pro mobilní návštěvníky snižuje u zdroje, a ne dodatečně
Doba odezvy serveru
- Mobilní návštěvníci bývají od původních serverů vzdálenější než návštěvníci u stolních počítačů, což přidává zpoždění kvůli vzdálenosti
- Doručování přes CDN, které obsah poskytuje z okrajových serverů blízko návštěvníka, má výraznější přínos pro mobilní návštěvníky, kteří se často přemisťují
Kompletního průvodce nejúčinnějšími zlepšeními rychlosti načítání najdete v článku jak zkrátit dobu načítání webu. K optimalizaci obrázků pro mobil se dozvíte více v článku jak optimalizovat obrázky pro rychlejší načítání.
Jak testovat a sledovat rychlost stránky na mobilu?
Vždy testujte nejdřív mobil
- Nástroje pro testování rychlosti umějí spouštět testy simulující mobilní zařízení a připojení. Výsledek pro mobil vždy zkontrolujte dřív než výsledek pro počítač
- Pokud sledujete jen jednu sadu skóre, měl by to být mobil
Používejte data z reálného provozu, ne jen laboratorní skóre
- Laboratorní testy simulují pevnou sadu mobilních podmínek. Data z reálného provozu odrážejí zkušenost skutečných návštěvníků na skutečných zařízeních
- Stránka může v simulovaném testu na mobilu získat 85 bodů a v datech z reálného provozu přesto neprojít Core Web Vitals, pokud značná část návštěvníků používá slabší zařízení nebo nestabilní připojení
Rozdělte analytiku podle zařízení
- Míra opuštění, délka návštěvy a konverzní poměr se u mobilních a stolních návštěvníků často podstatně liší
- Vyšší míra opuštění na mobilu ve srovnání s počítačem je častým signálem problému s rychlostí nebo použitelností, který se týká právě mobilu
Úplného průvodce spouštěním testů rychlosti a správným čtením výsledků najdete v článku jak otestovat rychlost webu.
Jak WEMASY řeší rychlost stránky na mobilu
Všechny weby vytvořené ve WEMASY jsou ve výchozím stavu responzivní a pro mobilní obrazovky poskytují obrázky vhodné velikosti. Platforma při nahrání vytvoří několik velikostí obrázku a vybere tu správnou podle šířky okna návštěvníka, takže se velikost stahování pro mobilní návštěvníky sníží bez jakéhokoli ručního nastavení. JavaScript poskytovaný platformou je minifikovaný a pokud možno odložený, což snižuje zátěž mobilních procesorů při jeho provádění.
Doručování přes CDN je součástí všech tarifů a poskytuje podklady z okrajových serverů blízko každého návštěvníka. U mobilních návštěvníků, kteří jsou často daleko od původních serverů, to zkracuje TTFB a zlepšuje dobu načítání. Skóre Core Web Vitals pro mobil je v administraci analytiky WEMASY vidět spolu se skóre pro počítač a stránky, které neprošly, jsou označeny podle metriky.
Co všechno je součástí, zjistíte v tvůrci webů WEMASY, nebo si projděte možnosti tarifů na stránce s cenami.
Často kladené otázky
Proč je rychlost stránky na mobilu důležitá?
Rychlost stránky na mobilu je důležitá, protože většina webového provozu pochází z mobilních zařízení a protože vyhledávače hodnotí stránky pro účely řazení podle jejich výkonu na mobilu. Pomalá mobilní stránka zasahuje jak návštěvníky, kteří na váš web přicházejí nejčastěji, tak pozice, které určují, kolik lidí ho najde. Stránky, které na mobilu neprojdou Core Web Vitals, netěží z hodnocení uživatelského zážitku jako signálu pro řazení, ani když na počítači projdou. S tvůrcem webů WEMASY si to můžete nastavit přímo na svém webu.
Proč je načítání na mobilu pomalejší než na počítači?
Mobilní zařízení mají pomalejší procesory, používají proměnlivější připojení k síti a mají méně paměti než stolní počítače. Každý z těchto faktorů prodlužuje načítání. JavaScript se na mobilních procesorech provádí déle. Obrázky a další soubory se v mobilních sítích stahují déle. A menší dostupná paměť znamená, že prohlížeč zvládne spravovat méně zdrojů najednou. Stejná stránka se na mobilu načítá trvale pomaleji než na počítači, bez ohledu na úroveň optimalizace.
Řadí vyhledávače mobilní stránky a stránky pro počítač zvlášť?
Vyhledávače používají indexování mobile-first, což znamená, že procházejí a hodnotí mobilní verzi stránky a používají ji jako hlavní základ pro řazení. Ve většině případů neexistuje zvláštní pořadí ve výsledcích pro mobil a pro počítač. Uplatňuje se jedno pořadí založené především na výkonu na mobilu. Stránka, která se dobře načítá na počítači, ale špatně na mobilu, se pro účely řazení posuzuje podle výkonu na mobilu.
Jaké je dobré skóre rychlosti stránky na mobilu?
Pro Core Web Vitals platí tyto cíle: Largest Contentful Paint do 2,5 sekundy, Interaction to Next Paint do 200 milisekund a Cumulative Layout Shift pod 0,1. Tyto hranice se vztahují na mobilní data z reálného provozu, tedy měření skutečných návštěvníků na skutečných zařízeních. Stránka splní hodnocení Core Web Vitals jen tehdy, když jsou všechny tři metriky v dobrém pásmu podle dat skutečných návštěvníků, ne podle výsledků simulovaných testů.
Jak nejúčinněji zlepšit rychlost stránky na mobilu?
U většiny webů má na rychlost na mobilu největší dopad optimalizace obrázků. Poskytování správně velkých obrázků pro mobilní zobrazení, používání moderních komprimovaných formátů a líné načítání obrázků pod prvním zobrazením omezuje dvě hlavní příčiny pomalého načítání na mobilu: velké soubory a zbytečná stahování. Dalším nejpřínosnějším zlepšením je zkrácení doby provádění JavaScriptu, zejména pro skóre Interaction to Next Paint na slabších mobilních zařízeních.
Ovlivňuje rychlost stránky na mobilu konverzní poměr?
Ano. Pomalejší mobilní stránky mají téměř u každého typu webu vyšší míru opuštění a nižší konverzní poměr než rychlejší. Návštěvníci na mobilu, kteří čekají déle než tři sekundy, než je stránka použitelná, ji mnohem pravděpodobněji opustí, aniž by si prohlédli jakýkoli obsah. U webu, kde tvoří mobilní návštěvníci velkou část provozu, může mít i zrychlení načítání na mobilu o jednu sekundu měřitelný vliv na to, kolik návštěvníků provede akci.