Jak změřit rychlost webu?

Zadejte adresu webu do nástroje PageSpeed Insights od Googlu na pagespeed.web.dev. Je zdarma a ukáže skóre i měření skutečných návštěvníků, pokud jich má web dost.

Jaké hodnoty Core Web Vitals jsou dobré?

Podle Googlu LCP do 2,5 sekundy, INP pod 200 milisekund a CLS pod 0,1. Hodnotí se 75. percentil návštěv, zvlášť na mobilu a na počítači.

Ovlivňuje rychlost webu pořadí ve vyhledávání?

Google doporučuje dobré Core Web Vitals a uvádí, že odpovídají tomu, co jeho hlavní systémy hodnocení odměňují. Obsah, který odpovídá na hledaný dotaz, je ale důležitější.

Proč PageSpeed Insights neukazuje data skutečných uživatelů?

Web nemá v Chrome UX Report dost návštěv. U malých webů je to běžné. Pak se řiďte laboratorním testem a vlastním vyzkoušením na mobilu.

Rychlost webu, test a jak ji zlepšit

Zákazník na mobilu, se slabým signálem, mezi dvěma zakázkami. Na takového návštěvníka se web musí připravit. Rychlost přitom nejde odhadnout od oka na rychlém počítači v kanceláři. Musí se změřit.

Proč na pár desetinách sekundy záleží

Google si nechal od Deloitte a agentury 55 udělat studii zveřejněnou v roce 2020. Sledovala 37 velkých evropských a amerických značek a přes 30 milionů návštěv. Když se mobilní web zrychlil o desetinu sekundy, u webů sbírajících poptávky došlo k odeslání formuláře o 21,6 % víc lidí. Jde o velké značky a studii objednal Google, takže čísla berte s rezervou. Směr je ale jasný: pomalý web ztrácí poptávky, které jste už zaplatili reklamou nebo prací na SEO.

Test za minutu: PageSpeed Insights

Nejjednodušší je bezplatný nástroj Googlu PageSpeed Insights:

Otevřete pagespeed.web.dev.
Vložte adresu svého webu a klikněte na „Analyzovat“.
Výsledky se ukážou zvlášť pro mobil a pro počítač. Dívejte se hlavně na mobil.

Výsledek má dvě části, které se často pletou:

Data skutečných uživatelů (nahoře) pocházejí z Chrome UX Report, tedy z prohlížečů lidí, kteří váš web opravdu navštívili. U malých webů se často neukážou, protože web nemá dost návštěv.
Diagnostika výkonu (níž) je laboratorní test jednoho načtení na simulovaném pomalejším telefonu. Odtud pochází známé skóre od 0 do 100.

Skóre kolísá test od testu o pár bodů. Nehoňte se za každým bodem, sledujte, jestli je web v zelených číslech.

Rychlost celého webu: Search Console

PageSpeed Insights měří jednu stránku. Na celý web je bezplatná Google Search Console. Její přehled Core Web Vitals roztřídí stránky podle dat skutečných návštěvníků na dobré, ty, které potřebují zlepšit, a špatné. Podobné stránky seskupí, takže hned vidíte, jestli je problém v jedné šabloně, třeba na všech stránkách služeb.

Search Console se vyplatí mít i z jiných důvodů: ukáže, na jaká slova vás lidé na Googlu najdou a jestli Google na webu nenašel chyby. Pokud ji ještě nemáte, řekněte si o ni tomu, kdo vám web spravuje.

Co znamenají LCP, INP a CLS

Google měří zážitek z webu třemi čísly, kterým říká Core Web Vitals:

Metrika	Co měří	Dobrá hodnota
LCP (Largest Contentful Paint)	Za jak dlouho se zobrazí největší prvek stránky, třeba hlavní fotka nebo nadpis	do 2,5 s
INP (Interaction to Next Paint)	Jak rychle web zareaguje na klepnutí nebo kliknutí	pod 200 ms
CLS (Cumulative Layout Shift)	Jak moc stránka při načítání poskakuje	pod 0,1

Hodnotí se 75. percentil návštěv, tedy aby dobrou zkušenost mělo aspoň tři čtvrtiny návštěvníků. Google doporučuje dosáhnout dobrých hodnot pro úspěch ve vyhledávání i kvůli návštěvníkům samotným. Neznamená to ale, že rychlý web s nezajímavým obsahem předběhne pomalejší web, který lépe odpovídá na hledaný dotaz.

Co web malé firmy nejčastěji zpomaluje

Obří fotky. Fotka z telefonu má několik megabajtů. Na webu stačí zlomek, ve formátu WebP nebo AVIF a ve velikosti, v jaké se opravdu zobrazí.
Moc pluginů a skriptů. Každý slider, chat, widget a měřicí kód něco stahuje a spouští. Hlavně u WordPressu se to nasbírá.
Vložená videa a mapy. Přehrávač z YouTube nebo vložená mapa stáhnou hodně dat, i když na ně nikdo neklikne. Lepší je náhled, který se načte až po kliknutí.
Webová písma z cizích serverů. Písmo stažené z cizího serveru zdržuje zobrazení textu. Lepší je mít ho na vlastním webu a jen v řezech, které opravdu používáte.
Levný přetížený hosting. Když server odpovídá dlouho, nepomůže ani dokonale optimalizovaná stránka.
Poskakující obsah. Obrázky a reklamy bez rezervovaného místa posouvají text, zrovna když na něj chcete klepnout. To zhoršuje CLS.

Zkouška bez nástrojů

Čísla jsou užitečná, ale nejlepší test je obyčejný. Vypněte na telefonu Wi-Fi, otevřete svůj web přes mobilní data a zkuste udělat to, co dělá zákazník: najít službu, cenu a telefon. Pak totéž u dvou konkurentů. Pokud čekáte vy, čekají i zákazníci, a ti mají konkurenci o jedno klepnutí vedle.

Rychlá pomoc, nebo nový web

Některé věci jde opravit hned: zmenšit fotky, vyhodit nepoužívané pluginy, nahradit vložené video náhledem. Pokud ale web stojí na staré šabloně s desítkami pluginů, oprava často stojí víc než nový, rychlý web. Pak dává smysl redesign.

Jak to máme my

Rychlost stavíme do webu od začátku: každý balíček má v ceně rychlé načítání na úrovni Lighthouse 90 a víc. Weby stavíme v Astru, které z webu udělá hotové soubory bez databáze a bez desítek pluginů. Pokud je váš současný web pomalý, podívejte se na redesign webu, nebo na to, co obnáší správa webu.