PageSpeed Insights: ako čítať výsledky

Rýchlosť sa dá zmerať zadarmo za pár minút. Dôležité je čítať správne čísla: pre vyhľadávanie aj pre zákazníka rozhodujú údaje od skutočných používateľov, nie jedno skóre z laboratórneho testu.

Čo budete potrebovať

• Len prehliadač. Nástroj PageSpeed Insights na pagespeed.web.dev nevyžaduje prihlásenie ani nastavenie.
• Adresy troch typov stránok: domovská, kategória a produkt.

Postup

1. Otvorte PageSpeed Insights a zadajte adresu domovskej stránky, kategórie a produktu. Merajte každú zvlášť.
2. Najprv si pozrite údaje od skutočných používateľov (field data). Pochádzajú z Chrome User Experience Report za posledných 28 dní a ukazujú LCP, INP, CLS a doplnkové FCP a TTFB.
3. Hodnoty sú na 75. percentile. Stránka prejde Core Web Vitals, ak sú všetky tri (LCP do 2,5 s, INP do 200 ms, CLS do 0,1) v zelenom pásme.
4. Ak adresa nemá dosť údajov, nástroj zobrazí údaje za celý web (origin). Ak ich nemá ani web, reálne údaje sa nezobrazia.
5. Laboratórne údaje (Lighthouse) sú simulácia jedného načítania: mobil simuluje strednú triedu zariadenia na mobilnej sieti. Skóre 90 a viac je dobré, 50 až 89 vyžaduje zlepšenie, pod 50 je slabé. Skóre sa môže medzi spusteniami meniť, preto test zopakujte.
6. Ak sa reálne a laboratórne údaje líšia, rozhodujú reálne. Laboratórny test použite na hľadanie príčin (veľké obrázky, skripty, pomalá odpoveď servera).
7. Výsledky zapíšte a po každej väčšej úprave (nový doplnok, šablóna, skript) porovnajte.

Ako overiť, že to funguje

V hornej časti výsledku vidíte zelené, oranžové alebo červené hodnoty LCP, INP a CLS. Po oprave počkajte, kým sa field data obnovia (okno 28 dní), a nespoliehajte sa na okamžitú zmenu. Laboratórne skóre sa zmení hneď.

Časté chyby

• Meranie iba domovskej stránky, hoci zákazník nakupuje na produkte a v košíku.
• Porovnávanie jedného spustenia s iným a vyvodzovanie záverov z rozdielu pár bodov.
• Hodnotenie podľa laboratórneho skóre pri stránke, ktorá má v field data zelené hodnoty.
• Test pri práve nasadzovanej akcii alebo s iným obsahom (košík, prihlásený zákazník) než majú návštevníci.

Pomalé stránky sú častejšie dôsledok veľkých obrázkov a množstva skriptov tretích strán než servera. Súvisiaci článok: Rýchlosť e-shopu.