Dodavatel vám pošle snímek obrazovky se zeleným kolečkem a číslem 98. Nebo naopak konkurence pošle vašemu marketingu odkaz, kde má váš web čtyřicet dva a červenou. V obou případech vám někdo ukazuje výstup z PageSpeed Insights a v obou případech je dost pravděpodobné, že netušíte, co přesně to číslo znamená a jestli je to problém.
Tenhle článek je pro majitele firem, ne pro vývojáře. Vysvětlí, co ten nástroj je, kdo za ním stojí, co znamenají jednotlivá čísla, jaké hodnoty jsou dobré a jaké špatné, proč sto bodů nemusí být cíl a co si z toho reálně odnést do rozhodování o webu.
Co je PageSpeed Insights a proč zrovna on
PageSpeed Insights je bezplatný nástroj od Googlu. Zadáte adresu webu, počkáte zhruba půl minuty a dostanete zprávu o tom, jak rychle se stránka načítá a jak se chová, když s ní člověk pracuje.
Že je od Googlu, není detail, je to celý důvod, proč se tímhle nástrojem měří. Metriky, které PSI ukazuje, používá Google i ve svých hodnoticích systémech pro vyhledávání. Neplatí to naopak: dobré skóre nezaručuje dobré pozice, k tomu se ještě vrátíme. Ale je to jediné měřítko, na které se odvolávají všichni, protože je veřejné, zdarma a nikdo si ho nemůže upravit.
Praktický důsledek: váš web si může kdykoliv změřit kdokoliv. Zákazník, konkurence i dodavatel, kterého zvažujete vyměnit. Není to interní metrika, kterou by šlo schovat.
PageSpeed Insights je jediné měřítko rychlosti webu, na které se odvolávají všichni. Je od Googlu, je zdarma a nedá se ohnout
Dvě různá čísla, která PSI ukazuje
Tohle je nejčastější nedorozumění a stojí za to ho pochopit dřív než cokoliv jiného. Zpráva má dvě části, které měří něco jiného a klidně si mohou protiřečit.
| Data od skutečných návštěvníků | Laboratorní měření | |
|---|---|---|
| Odkud jsou | Ze skutečných návštěv v prohlížeči Chrome za posledních 28 dnů | Z jednoho testu, který Google spustí ve chvíli, kdy kliknete |
| Na čem se měří | Na zařízeních a připojeních, jaká mají vaši návštěvníci | Na simulovaném prostředním telefonu na zpomaleném mobilním připojení |
| K čemu je | Říká, jak web funguje ve skutečnosti. Tohle je ta pravda | Říká, co se s webem dá udělat. Tohle je návod k opravě |
| Kdy chybí | U nových a málo navštěvovaných webů, protože není dost vzorků | Nikdy, laboratorní měření proběhne vždy |
| Jak rychle se mění | Pomalu, protože se počítá klouzavě za 28 dnů | Okamžitě po nasazení opravy |
Z toho plyne první praktická rada. Když vám dodavatel pošle zelené číslo, ptejte se, jestli je z horní části zprávy, tedy od skutečných lidí, nebo ze spodní, tedy ze simulace. Laboratorní skóre se dá vylepšit i tím, že se něco přesune až za první vykreslení, a skutečnému návštěvníkovi to nepomůže.
A druhá rada: když se u vašeho webu terénní data nezobrazí, není to chyba. Znamená to, že web nemá dost návštěv, aby se dala spočítat statistika. Pak zbývá laboratorní měření, které je pořád užitečné.
Skóre 0 až 100 a co se v něm skrývá
Nejnápadnější je barevné kolečko s číslem. Pásma jsou tři a jsou daná:
- 90 až 100, zelená. Dobré. Rozdíl mezi 92 a 100 návštěvník nepozná.
- 50 až 89, oranžová. Je co zlepšovat. Většinou se tam dá dostat nahoru poměrně levně.
- 0 až 49, červená. Špatné. Web ztrácí návštěvníky měřitelně, hlavně na mobilu.
Co v tom čísle nikdo nevidí, je jeho složení. Skóre je vážený průměr pěti měření a váhy nejsou stejné.
Z čeho se skládá skóre výkonu
Složení v procentech
- Doba, kdy stránka nereaguje (TBT)30 %
- Vykreslení hlavního obsahu (LCP)25 %
- Poskakování obsahu (CLS)25 %
- První vykreslení (FCP)10 %
- Rychlost naplnění obrazovky (SI)10 %
Celkem 100 %
| Popis | Hodnota |
|---|---|
| Doba, kdy stránka nereaguje (TBT) | 30 % |
| Vykreslení hlavního obsahu (LCP) | 25 % |
| Poskakování obsahu (CLS) | 25 % |
| První vykreslení (FCP) | 10 % |
| Rychlost naplnění obrazovky (SI) | 10 % |
Prakticky to znamená, že o skóre rozhoduje hlavně to, jak dlouho stránka po načtení nereaguje a jak rychle se objeví hlavní obsah. Když má web špatné skóre, v devíti z deseti případů za to může jedno z těch dvou, a obojí mívá stejnou příčinu: příliš mnoho cizích skriptů a obrázky, které nikdo nepřipravil.
Tři metriky, na kterých doopravdy záleží
Google si ze všech měření vybral tři a říká jim Core Web Vitals, tedy základní ukazatele. Právě tyhle tři používají jeho hodnoticí systémy. Vysvětlím je tak, jak je vidí návštěvník, ne jak je vidí vývojář.
LCP: kdy je vidět to hlavní
Měří dobu od kliknutí na odkaz do chvíle, kdy se objeví největší prvek na obrazovce, obvykle nadpis nebo hlavní fotka. Návštěvník to vnímá jako „už to naskočilo“.
INP: jak rychle web reaguje na dotek
Měří prodlevu mezi tím, co člověk klikne nebo se dotkne, a tím, kdy se na obrazovce něco stane. Tohle je metrika, která nejvíc rozčiluje: web vypadá načtený, ale tlačítko na první ťuknutí neudělá nic.
CLS: jestli obsah poskakuje
Měří, jak moc se obsah při načítání posouvá. Klasický příklad je ťuknutí na tlačítko ve chvíli, kdy se nad ním doloží obrázek a všechno se posune, takže ťuknete na něco jiného.
| Metrika | Dobré | Vyžaduje zlepšení | Špatné |
|---|---|---|---|
| LCP, zobrazení hlavního obsahu | do 2,5 s | 2,5 až 4 s | nad 4 s |
| INP, odezva na dotek | do 200 ms | 200 až 500 ms | nad 500 ms |
| CLS, poskakování obsahu | do 0,1 | 0,1 až 0,25 | nad 0,25 |
Ten 75. percentil je důležitější, než vypadá. Znamená to, že se neposuzuje průměr, ale zkušenost tří čtvrtin návštěv. Můžete mít krásný průměr a špatné hodnocení, protože každá čtvrtá návštěva je pomalá, typicky ze staršího telefonu nebo ze slabšího signálu.
Aby byla vidět proporce, tady je LCP na časové ose. Rozdíl mezi dobrým a špatným webem je jeden a půl sekundy, tedy doba, za kterou se nadechnete.
LCP: za jak dlouho musí být vidět hlavní obsah
Pásmo v sekundách
| Popis | Od | Do |
|---|---|---|
| Dobré | 0 s | 2,5 s |
| Vyžaduje zlepšení | 2,5 s | 4 s |
| Špatné, bez horní hranice | 4 s | 6 s |
Ostatní čísla ve zprávě
Kromě těch tří uvidíte ve zprávě další metriky. Nemusíte jim rozumět do hloubky, stačí vědět, co znamenají.
- FCP, první vykreslení. Kdy se objeví vůbec první obsah, klidně jen pozadí a logo. Dobrá zpráva pro návštěvníka, že se něco děje.
- TBT, doba blokování. Jak dlouho byla stránka po načtení zaneprázdněná a nereagovala. V laboratorním měření má největší váhu ze všeho.
- Speed Index. Jak rychle se obrazovka vizuálně naplní.
- TTFB, odpověď serveru. Za jak dlouho server vůbec začne odpovídat. Tady se pozná levný hosting.
A pak jsou tam tři další skóre vedle výkonu: přístupnost, doporučené postupy a SEO. Ta se počítají jinak, jsou stabilnější a je rozumné je mít taky v zeleném. Přístupnost navíc není jen doporučení, u části webů jde o zákonnou povinnost.
Jak si weby stojí ve skutečnosti
Než začnete panikařit z oranžového čísla, je dobré vědět, jak vypadá zbytek internetu. Data z měření skutečných návštěv napříč celým webem vypadají takhle.
Kolik webů projde jednotlivými ukazateli na mobilu
Hodnoty v procentech
| Popis | Hodnota |
|---|---|
| CLS, poskakování obsahu | 81 % |
| INP, odezva na dotek | 77 % |
| LCP, zobrazení hlavního obsahu | 62 % |
| Všechny tři naráz | 48 % |
Necelá polovina webů projde na mobilu všemi třemi ukazateli. Nejčastěji to shodí LCP, tedy doba, než je vidět hlavní obsah.
Z toho plynou dvě věci naráz. Zelený web není samozřejmost, takže je to konkurenční výhoda. A oranžový web není ostuda, je to průměr, ze kterého se dá dostat.
Proč sto bodů nemusí být cíl
Teď to, co vám dodavatel obvykle neřekne, protože se to špatně prodává.
Skóre kolísá mezi měřeními. Když web změříte třikrát za sebou, dostanete tři různá čísla, klidně o pár bodů. Dokumentace Lighthouse to říká rovnou: na výkon se má člověk dívat jako na rozdělení hodnot, ne jako na jedno číslo. Kdo trvá na přesně stovce, honí šum v měření.
Posledních pět bodů je dražší než prvních čtyřicet. Dostat web z 55 na 90 bývá práce na dny a projeví se to na počtu lidí, kteří dočkají obsahu. Dostat ho z 95 na 100 bývá práce na dny taky, a nepozná to nikdo.
Některé body stojí za to obětovat. Vložené video, mapa, chat, měřicí kódy pro reklamu. Každá z těch věcí sráží skóre a některé z nich vydělávají peníze. Rozumný postup není je zakázat, ale vědět, kolik stojí, a rozhodnout se.
Špatně: dodavatel odstraní z webu mapu, chat i měření reklamy, aby ukázal stovku. Web je rychlý a firma přišla o zdroj poptávek, který si sama platila.
Dobře: dodavatel spočítá, kolik bodů která věc stojí, a nechá rozhodnutí na majiteli. Mapa zůstane, chat se načte až po dotyku, měření se omezí na to, co se opravdu vyhodnocuje.
A hlavně: zelené skóre není záruka pozic ve vyhledávání. Google to má napsané ve své dokumentaci: dobré hodnocení v Core Web Vitals nezaručuje umístění na vrcholu výsledků a vyhledávač se vždy snaží ukázat nejrelevantnější obsah, i když je zážitek ze stránky horší.
Praktický závěr zní: rychlost je jeden z faktorů a je to ten, který si na rozdíl od obsahu koupíte jednorázově. Sama o sobě vám první místo nekoupí.
Co dělat, když máte špatné číslo
Postup, který se vyplatí dodržet v tomhle pořadí, protože horní kroky rozhodují o dolních.
- 1Změřte si mobilní verzi, ne počítačovou. Většina lidí přijde z telefonu a hodnocení na mobilu bývá o dvacet až třicet bodů horší.
- 2Podívejte se, jestli máte v horní části zprávy data od skutečných návštěvníků. Pokud ano, řiďte se jimi, laboratorní čísla jsou jen návod.
- 3Najděte, která z těch tří metrik je červená. Neopravuje se skóre, opravuje se konkrétní metrika.
- 4U pomalého zobrazení obsahu se skoro vždy jedná o obrázky a o server. Zeptejte se dodavatele na velikost úvodní fotky a na dobu odpovědi serveru.
- 5U špatné odezvy hledejte cizí skripty: chat, měřicí kódy, widgety, doplňky. Každý z nich něco stojí a část z nich už nikdo nevyhodnocuje.
- 6Po opravě počkejte měsíc a změřte znovu. Terénní data se počítají klouzavě za 28 dnů, takže se nezlepší hned.
Jiné nástroje a kdy je použít
PageSpeed Insights není jediný nástroj a v některých situacích není ani nejlepší. Tohle je přehled toho, co má smysl znát.
| Nástroj | K čemu je nejlepší | Omezení |
|---|---|---|
| PageSpeed Insights | Rychlá kontrola jedné stránky a data od skutečných návštěvníků | Měří jednu adresu, ne celý web |
| Search Console, sekce Core Web Vitals | Přehled celého webu a seznam stránek, které propadají | Jen pro web, který máte ověřený, a data mají zpoždění |
| Lighthouse přímo v prohlížeči Chrome | Ladění během vývoje, měření stránek za přihlášením | Měří na vašem počítači a připojení, čísla nejsou srovnatelná |
| GTmetrix | Přehledné výpisy a historie měření | Zdarma měří z omezených míst, počítá vlastní hodnocení |
| WebPageTest | Nejpodrobnější rozbor, měření z konkrétních zemí a zařízení | Určený spíš vývojářům, výstup je hutný |
| Placené nástroje typu DebugBear | Sledování v čase a upozornění, když se web zpomalí | Platí se měsíčně, pro malý web zbytečné |
Pro majitele firmy platí jednoduché pravidlo: PageSpeed Insights na kontrolu a Search Console na přehled. Zbytek je práce pro dodavatele.
Jak si měření spustíte sami za dvě minuty
Nepotřebujete k tomu nikoho. Postup je tenhle:
- 1Otevřete pagespeed.web.dev a vložte adresu své stránky. Klidně i konkrétní podstránky, ne jen úvodní.
- 2Nechte doběhnout měření, trvá zhruba půl minuty. Google mezitím váš web opravdu načte.
- 3Nahoře přepněte na kartu Mobil. Výchozí bývá počítač a to je ta méně důležitá polovina.
- 4Podívejte se, jestli je v horní části zpráva o datech od skutečných návštěvníků. Pokud ano, jsou to ta čísla, která platí.
- 5Až pak se dívejte na barevné kolečko se skóre a na seznam doporučení pod ním.
- 6Zopakujte to na webu dvou konkurentů. Tam se z čísla stane informace, protože uvidíte, jestli je vaše hodnota v oboru běžná, nebo výjimečná.
Poslední krok je ten nejužitečnější a skoro nikdo ho nedělá. Skóre samo o sobě nic neříká; teprve srovnání se třemi weby, se kterými vás zákazník porovnává, ukáže, jestli je to problém.
Proč se u některých webů stovka nedaří
Když dodavatel řekne, že sto bodů nedosáhne, není to nutně výmluva. Tohle jsou nejčastější a legitimní důvody.
- Web stojí na hotovém systému s doplňky. Každý doplněk načte svůj kus kódu a jejich autoři se navzájem neznají. U webu složeného z dvaceti doplňků je devadesát bodů úspěch.
- E-shop s mnoha obrázky. Výpis produktů je z principu těžší než textová stránka. Dá se to zvládnout, ale vždycky to bude náročnější než vizitka.
- Vložené věci z cizích domén. Mapa, video, rezervační systém, chat, hodnocení zákazníků. Každá z nich přináší kód, který vy neovlivníte.
- Marketingové měření. Reklamní a analytické kódy patří mezi nejčastější důvody špatné odezvy. Zvlášť když je jich pět a nikdo neví, co která dělá.
- Levný hosting. Když server odpovídá půl sekundy, začínáte s handicapem, který se v prohlížeči nedožene.
Tři z těch pěti jsou obchodní rozhodnutí, ne technická. Proto se skóre nemá řešit jako známka ve škole, ale jako rozpočet: co si za body koupíte a jestli vám to stojí za to.
Co PageSpeed Insights neměří
A teď to nejdůležitější omezení celého nástroje, protože právě tady se dělá nejvíc chyb v rozhodování.
- Neměří, jestli web prodává. Web s devadesáti devíti body a špatnými texty nepřinese poptávku.
- Neměří obsah. Nepozná, že na stránce chybí cena, technický list nebo kontakt na člověka.
- Neměří přístupnost celou. Automatická kontrola najde jen část chyb; zbytek se dá zjistit jen ručním průchodem.
- Neměří vaši administraci. Rychlost redakčního systému, ve kterém pracujete vy, se z veřejné stránky změřit nedá, a přitom rozhoduje o tom, jestli web budete udržovat.
- Neměří skutečné zařízení vašich zákazníků. Laboratorní část simuluje jeden konkrétní telefon. Vaši zákazníci mají jiné.
Proto je zdravý postoj takový: skóre je vstupenka, ne cíl. Pod devadesát ztrácíte lidi ještě předtím, než si přečtou první větu. Nad devadesát začíná rozhodovat to, co na té stránce stojí.
Jak číst nabídku, ve které se mluví o rychlosti
Tady je pár vět, které v nabídkách uvidíte, a co si o nich myslet.
- „Web bude optimalizovaný pro rychlost.“ Nic neznamená. Ptejte se na konkrétní číslo a na to, jestli je garantované.
- „Optimalizace rychlosti jako příplatková služba.“ Otázka zní, co tedy obsahuje základní cena. Rychlost se rozhoduje tím, jak je web postavený, ne dodatečným laděním.
- „Skóre 100 na počítači.“ Málo vypovídající. Chtějte číslo z mobilu.
- „Po spuštění vám pošleme měření.“ Dobře, ale chtějte i měření po měsíci provozu, kdy jsou k dispozici data od skutečných návštěvníků.
U webů, které stavím, mám v ceníku garanci skóre nad 90 na mobilu i na počítači. Na úvodní stránce tohohle webu je navíc pole, kam vložíte adresu svého webu a měření od Googlu si spustíte sami. Neměřím to já, měří to Google, takže výsledku nejde nic vytknout.
Časté otázky
Co je PageSpeed Insights?
Bezplatný nástroj od Googlu, který změří, jak rychle se načítá stránka vašeho webu a jak se chová při používání. Ukazuje dvě věci: data od skutečných návštěvníků za posledních 28 dnů a laboratorní test, který proběhne ve chvíli měření. Metriky, které měří, používá Google i ve svých hodnoticích systémech pro vyhledávání.
Jaké skóre je dobré?
Devadesát a víc je zelené pásmo, tedy dobré. Padesát až osmdesát devět je oranžové a je co zlepšovat. Pod padesát je červené a web měřitelně ztrácí návštěvníky. Rozdíl mezi 92 a 100 návštěvník nepozná, rozdíl mezi 45 a 90 pozná okamžitě.
Musím mít 100 bodů?
Nemusíte a většinou to není rozumný cíl. Skóre kolísá mezi jednotlivými měřeními o pár bodů, takže honba za přesnou stovkou je honba za šumem. Navíc poslední body obvykle stojí víc práce než cesta z padesáti na devadesát a nikdo je nepozná. Rozumný cíl je stabilně nad devadesát na mobilu.
Proč mi vyšlo na počítači 98 a na mobilu 51?
Protože mobilní měření simuluje prostřední telefon na zpomaleném mobilním připojení, zatímco počítačové počítá s rychlým strojem a rychlou linkou. Rozdíl dvaceti až třiceti bodů je běžný. Řiďte se mobilním číslem, protože z mobilu chodí velká část návštěv.
Co je LCP, INP a CLS?
Tři ukazatele, které Google používá při hodnocení. LCP je doba, než je vidět hlavní obsah, dobré je do 2,5 sekundy. INP je odezva na dotek nebo kliknutí, dobré je do 200 milisekund. CLS měří poskakování obsahu při načítání, dobré je do 0,1. Hodnotí se 75. percentil, tedy zkušenost tří čtvrtin návštěv.
Proč se mi u webu neukazují data od skutečných návštěvníků?
Protože web nemá dost návštěv, aby se dala spočítat statistika, nebo je příliš nový. Není to chyba a nic to neznamená o kvalitě webu. V takovém případě se řiďte laboratorním měřením a pamatujte, že je to simulace.
Zlepší dobré skóre moje pozice ve vyhledávání?
Samo o sobě to není záruka. Google má v dokumentaci napsané, že dobré hodnocení základních ukazatelů nezaručuje umístění na vrcholu výsledků a že relevantní obsah vyhraje i s horším zážitkem ze stránky. Rychlost je jeden z faktorů, který navíc rozhoduje o tom, kolik lidí se k obsahu vůbec dostane.
Jak dlouho trvá, než se opravy projeví v měření?
V laboratorním měření okamžitě po nasazení. V datech od skutečných návštěvníků až po několika týdnech, protože se počítají klouzavě za posledních 28 dnů. Když někdo slíbí, že se terénní data zlepší do druhého dne, neví, jak se počítají.
Musím kvůli skóre vyhodit z webu mapu a chat?
Nemusíte. Rozumný postup je vědět, kolik bodů která věc stojí, a rozhodnout se podle toho, jestli se to firmě vyplatí. Mapa se dá načíst až po kliknutí, chat až po prvním doteku, měřicí kódy se dají omezit na to, co opravdu někdo vyhodnocuje.
Shrnutí
- PageSpeed Insights je bezplatný nástroj od Googlu a měřítko, na které se odvolávají všichni, protože je veřejné a nedá se ohnout.
- Zpráva má dvě části: data od skutečných návštěvníků za 28 dnů a laboratorní simulaci. První říká, jak to je, druhá říká, co s tím dělat.
- Zelené pásmo je 90 a výš, oranžové 50 až 89, červené pod 50. O skóre rozhoduje z 55 procent doba, kdy stránka nereaguje, a doba do zobrazení hlavního obsahu.
- Tři ukazatele, které Google používá při hodnocení: hlavní obsah do 2,5 sekundy, odezva do 200 milisekund, poskakování obsahu do 0,1.
- Všemi třemi projde na mobilu jen 48 procent webů, takže zelený web je konkurenční výhoda a oranžový není ostuda.
- Sto bodů není cíl. Skóre kolísá, posledních pět bodů nikdo nepozná a některé body se vyplatí obětovat funkcím, které vydělávají.
Chcete vědět, jak na tom jste
Na úvodní stránce je pole, kam vložíte adresu svého webu a spustíte měření přímo u Googlu. Trvá to půl minuty a nic si neukládám. Když z výsledku vyjde, že je co zlepšovat, napište mi a projdeme, co s tím a v jakém pořadí.
Nezávazná poptávka nebo ceník po položkách.