Test rýchlosti webu: ako ho spraviť a čo zlepšiť ako prvé

Test rýchlosti webu spravíte zadarmo v nástroji PageSpeed Insights od Googlu: vložíte adresu stránky a o chvíľu dostanete hodnotenie pre mobil aj pre počítač. Dôležitejší ako farebné skóre sú tri čísla Core Web Vitals a zoznam odporúčaní pod nimi, ktorý ukáže, čo stránku spomaľuje. Nižšie nájdete, ako výsledok čítať, prečo sa čísla menia a čo opraviť ako prvé.

Prečo rýchlosť webu zaujíma zákazníka aj Google

Rýchlosť webu rozhoduje o tom, či zákazník na stránke uvidí to, kvôli čomu prišiel, skôr než stratí trpezlivosť. Kto hľadá autoservis v Žiline z telefónu na parkovisku, chce rýchlo nájsť otváracie hodiny a kontakt, nie pozerať na bielu obrazovku.

Google rýchlosť a správanie stránky meria tromi metrikami, ktoré nazýva Core Web Vitals (základné ukazovatele zážitku zo stránky). V dokumentácii Google Search Central o Core Web Vitals odporúča, aby ich majitelia webov mali v dobrom pásme, a píše, že spolu s ďalšími aspektmi zážitku zo stránky zodpovedajú tomu, čo jeho hlavné systémy hodnotenia odmeňujú. Rýchly web pritom sám osebe nikoho na prvé miesto neposunie. Obsah, ktorý odpovedá na otázku zákazníka, ostáva základ.

Ako spraviť test rýchlosti webu zadarmo

Najjednoduchší test rýchlosti webu ponúka Google na adrese pagespeed.web.dev. Stačí vložiť adresu stránky a počkať, kým nástroj stránku načíta a vyhodnotí.

1. Otvorte PageSpeed Insights a vložte adresu úvodnej stránky, napríklad vasweb.sk.
2. Prepnite sa na kartu pre mobil. Tú berte ako hlavnú, lebo mnohí zákazníci hľadajú z telefónu.
3. Pozrite hornú časť s údajmi od skutočných návštevníkov. Ak ju nástroj nezobrazí, Google zatiaľ nemá od návštevníkov webu dosť údajov.
4. Pod ňou nájdete skóre výkonu od 0 do 100 a zoznam odporúčaní zoradený podľa toho, čo stránku spomaľuje.
5. Rovnako otestujte aj jednu podstránku, ktorá prináša zákazníkov, napríklad cenník alebo stránku služby.

Ak máte web pridaný v Google Search Console, nájdete tam aj prehľad Core Web Vitals. Ten zoskupuje podobné stránky webu a pri každej skupine ukáže stav dobrý, treba zlepšiť alebo slabý. Pri webe s malou návštevnosťou môže byť prehľad prázdny, čo je normálne.

Čo znamenajú LCP, INP a CLS po ľudsky

Každá z troch metrík Core Web Vitals meria inú vec: ako rýchlo sa ukáže hlavný obsah, ako rýchlo stránka zareaguje na kliknutie a či sa obsah pri načítaní neposúva. Hranice pre dobré a slabé hodnoty uvádza Google v popise nástroja PageSpeed Insights pre vývojárov.

Metrika	Čo meria po ľudsky	Dobré	Slabé
LCP (Largest Contentful Paint)	Za aký čas sa ukáže najväčší prvok na obrazovke, často hlavná fotka alebo nadpis.	do 2,5 sekundy	nad 4 sekundy
INP (Interaction to Next Paint)	Ako rýchlo stránka zareaguje, keď zákazník klikne, ťukne na displej alebo píše do formulára.	do 200 milisekúnd	nad 500 milisekúnd
CLS (Cumulative Layout Shift)	Či obsah pri načítaní poskakuje, napríklad keď sa tlačidlo posunie práve vo chvíli, keď naň chcete ťuknúť.	do 0,1	nad 0,25

Hodnoty medzi týmito hranicami Google označuje ako hodnoty, ktoré treba zlepšiť. Pri skóre výkonu platí podobné delenie: 90 a viac je dobré, 50 až 89 treba zlepšiť a menej ako 50 je slabé.

Prečo vám každý test ukáže iné číslo

PageSpeed Insights ukazuje dva druhy údajov a je dobré ich nemiešať. Terénne údaje pochádzajú od skutočných návštevníkov, ktorí používajú prehliadač Chrome, a pokrývajú posledných 28 dní. Laboratórne údaje vznikajú v simulovanom prostredí pri každom spustení testu.

Skóre výkonu od 0 do 100 patrí k laboratórnym údajom. Google v dokumentácii priznáva, že meranie má prirodzený rozptyl, takže dva testy po sebe môžu dať odlišné skóre bez toho, aby ste na webe niečo zmenili. Mobilný test navyše simuluje telefón strednej triedy na mobilnej sieti, preto býva horší ako test pre počítač.

V praxi z toho plynú dve rady. Ak sa skóre zmení o pár bodov, neriešte to a spustite test ešte raz. Ak máte terénne údaje, riaďte sa nimi, lebo opisujú, čo naozaj zažívajú vaši zákazníci.

Obrázky, hosting a skripty: kde sa rýchlosť stráca

Pri hľadaní príčiny pomalého webu sa oplatí začať na troch miestach: pri veľkých obrázkoch, pri pomalej odpovedi servera a pri skriptoch z doplnkov. Ktoré z nich sa týka vášho webu, prezradí zoznam odporúčaní v teste.

Obrázky

Fotka priamo z telefónu môže mať niekoľko megabajtov, hoci sa na stránke zobrazí v malom rámčeku. Google v článku o zrýchlení LCP na web.dev radí zmenšiť veľkosť súboru: obrázok skomprimovať, použiť moderný formát ako WebP alebo AVIF a posielať ho v rozmere, v akom sa naozaj zobrazí. Hlavnú fotku hore na stránke nenechávajte načítavať oneskorene (takzvaný lazy loading), lebo to podľa rovnakého zdroja LCP zhoršuje.

Hosting a server

Kým server neodošle prvé dáta, prehliadač nemá čo zobraziť. Google upozorňuje, že pri pomalej odpovedi servera môže byť dosiahnutie LCP do 2,5 sekundy náročné alebo až nemožné. Pomôže ukladanie stránok do vyrovnávacej pamäte (cache), sieť serverov bližšie k návštevníkom (CDN) a menej presmerovaní.

Doplnky a skripty

Každý doplnok vo WordPresse, chat okno, mapa či meranie návštevnosti pridáva kód, ktorý musí prehliadač stiahnuť a spustiť. Podľa Googlu je JavaScript (kód, ktorý na stránke niečo robí) hlavným faktorom, ktorý ovplyvňuje reakciu na kliknutie, teda INP. Poskakovanie obsahu zase často spôsobujú obrázky bez známych rozmerov, reklamy a prvky, ktoré sa na stránku vložia dodatočne.

Čo opraviť ako prvé

Ako prvé opravte to, čo vidí zákazník na mobile na úvodnej stránke a na stránke, cez ktorú vás kontaktuje. Tam má každá sekunda najväčší zmysel.

1. Zmenšite fotky na úvodnej stránke. Uložte ich v rozmere, v akom sa zobrazujú, a vo formáte WebP. Toto zvládne aj človek bez programovania.
2. Vypnite doplnky, ktoré nepoužívate. Starý slider, dva nástroje na meranie návštevnosti alebo nepoužívaný chat zbytočne zaťažujú každú stránku.
3. Zapnite cache. Mnohé hostingy a redakčné systémy to ponúkajú v nastaveniach alebo cez doplnok.
4. Spustite test znova a porovnajte mobilné LCP a skóre pred zmenou a po nej. Výsledky si zapíšte aj s dátumom.

Ak test ukáže problémy so serverom alebo so skriptmi, ktorým nerozumiete, ukážte výsledok správcovi webu alebo hostingu. Odkaz na konkrétny test v PageSpeed Insights mu povie viac ako veta „web je pomalý“.

Rýchlosť je len jedna časť technického stavu webu. Robots.txt, mapu stránok a ďalšie základné veci, ktoré ovplyvňujú, či vás Google nájde, prejdete s bezplatnou SEO kontrolou úvodnej stránky. Čo si ešte viete pozrieť sami bez nástroja, opisuje článok SEO kontrola webu: čo skontrolovať sami.

Časté otázky

Aké skóre v PageSpeed Insights je dobré?

Google považuje skóre 90 a viac za dobré, 50 až 89 treba zlepšiť a pod 50 je slabé. Skóre pochádza zo simulovaného testu a medzi jednotlivými spusteniami sa trochu mení, preto sledujte skôr smer ako jedno číslo.

Prečo mám na mobile horšie skóre ako na počítači?

Mobilný test simuluje telefón strednej triedy na mobilnej sieti, teda pomalšie podmienky ako počítač na pevnom pripojení. Mnohí zákazníci hľadajú firmy z telefónu, preto sa oplatí riadiť mobilným výsledkom.

Ovplyvňuje rýchlosť webu pozície v Google?

Google odporúča mať dobré Core Web Vitals a píše, že spolu s ďalšími aspektmi zážitku zo stránky zodpovedajú tomu, čo jeho hlavné systémy hodnotenia odmeňujú. Dobré skóre však nie je zárukou lepšej pozície, obsah a relevantnosť stránky ostávajú dôležitejšie.

Ako často treba rýchlosť webu testovať?

Po každej väčšej zmene, napríklad po novej šablóne, novom doplnku alebo nových fotkách na úvodnej stránke. Údaje od skutočných návštevníkov sa zbierajú 28 dní, takže zlepšenie v nich uvidíte s oneskorením.