Lighthouse
Nástroj zabudovaný v Chrome DevTools pro audit webu – testuje rychlost, SEO, přístupnost a best practices najednou
Co je Lighthouse
Lighthouse je auditní nástroj od Googlu zabudovaný v Chrome DevTools, který na zadané adrese proběhne čtyři sady testů: výkon, přístupnost, best practices a SEO. Pustíte ho i mimo prohlížeč, přes PageSpeed Insights nebo příkazovou řádku. Výstup je pokaždé stejný: skóre 0–100 v každé kategorii a pod ním seznam konkrétních nálezů.
Laboratoř, ne vaši návštěvníci
Audit běží na jednom zařízení, v jedné síti, v jeden okamžik. Simuluje pomalejší mobil a horší připojení, pořád je to ale modelová situace. Terénní data o Core Web Vitals naproti tomu Google sbírá od skutečných uživatelů Chromu za posledních osmadvacet dní. Že se obojí rozchází, není chyba měření. Jsou to dvě různé otázky: jak se stránka chová v laboratoři a jak ji zažívají lidé.
Co z auditu čtu první
- skripty třetích stran, hlavně měřicí kódy, chaty a widgety, které blokují vykreslení
- obrázky nahrané v původní velikosti z fotoaparátu
- písmo, které naskočí až po načtení a posune celý layout
- chybějící popisky formulářových polí a slabý kontrast textu, tedy sekci přístupnosti, kterou většina lidí přeskočí
Skóre je diagnostika, ne cíl
Honit zelenou stovku se dá donekonečna a poslední body bývají nejdražší. Návštěvník rozdíl mezi 71 a 78 body nepozná, rozdíl mezi třemi sekundami a jednou sekundou pozná okamžitě. Beru to tak, že Lighthouse ukazuje směr, kde hledat, a rychlost webu se pak posuzuje na reálných lidech a na objednávkách.
Třikrát po sobě, prostřední výsledek
Audit pouštím vždycky aspoň třikrát po sobě a beru prostřední výsledek. Jeden běh na notebooku, kde zrovna běží videohovor a deset panelů, umí skóre srazit o dvacet bodů a klientovi se to pak vysvětluje mizerně. Druhá věc, na kterou si dávám pozor: měřím i podstránky, ne jenom homepage. Detail produktu s galerií a recenzemi dopadne skoro vždycky hůř než úvodka, a přitom je to stránka, na které se rozhoduje o nákupu.