Lighthouse
Také známo jako Lighthouse audit, PageSpeed Insights
Stručně
Nástroj pro audit v prohlížeči, který na jednom simulovaném běhu oboduje výkon, přístupnost a SEO — diagnóza, ne cíl.
Lighthouse je součástí Chrome DevTools, dá se spustit z příkazové řádky i v CI a vrací report se skóre 0 až 100 pro výkon, přístupnost, best practices a SEO. Je výborný na to, co opravit, a špatný na to, abyste prohlásili web za rychlý — jeden běh na jednom stroji je jeden vzorek.
Laboratorní a terénní data
Lighthouse měří v laboratoři: simulované připojení, definovaný telefon, studená cache, žádný přihlášený uživatel, žádné reklamy třetích stran. Je opakovatelný, což je přesně to, co potřebujete pro porovnání — „zhoršila tahle změna výsledek?“ — a zároveň přesně to, proč nepopisuje vaše uživatele.
Terénní data (CrUX, vlastní RUM) měří reálné lidi: pomalé sítě, staré telefony, šum rozšíření, consent lištu, která načte další skript. Obě čísla si často odporují a pro produkt je určující to terénní. Lighthouse nadhodnocuje na vývojářském notebooku a podhodnocuje, když jsou v testu blokované skripty třetích stran.
Jak se skóre zacházet poctivě
Skóre výkonu je vážený mix metrik a mezi běhy se hýbe o několik bodů bez jakékoli změny kódu. Honit 92 na 98 většinou nemá cenu. Cenu má: konkrétní audity typu „tenhle obrázek má 3,2 MB“ nebo „tenhle handler zabral 1 400 ms“ a kontroly přístupnosti, které najdou chybějící popisky.
Nastavte nástroj na reálný kontext: emulace mobilu s 4G, vymazaná cache, stejná URL na stejném commitu. Pusťte ho třikrát a porovnávejte audity, ne součty. A mějte na paměti, že skóre přístupnosti je kontrolní seznam, ne důkaz — neodhalí dialog bez zachycení fokusu ani vlastní dropdown, kam se nedostane klávesnicí.
Zdroje
Související pojmy
Core Web Vitals
Tři metriky z reálného provozu: LCP pro načtení, INP pro odezvu a CLS pro vizuální stabilitu.
Přístupnost (a11y)
Aby web fungoval klávesnicí, se čtečkou obrazovky i při slabém zraku — a v EU už i jako zákonný požadavek.
Výkonnostní rozpočet
Tvrdý limit váhy stránky, JavaScriptu nebo času načtení, který hlídá CI, aby web nezpomaloval po jedné funkci.