Lighthouse

https://developer.chrome.com/docs/lighthouse

K čemu slouží?

Lighthouse pomáhá:

• Zlepšovat kvalitu webových stránek: Nástroj poskytuje analýzu na základě pěti různých kategorií, aby web splňoval moderní standardy a byl uživatelsky přívětivý.
• Optimalizovat výkon: Měří rychlost načítání a interakce webu, což je klíčové pro uživatelský zážitek i SEO.
• Zvyšovat přístupnost: Nabízí doporučení, jak zlepšit přístupnost webu pro všechny uživatele, včetně těch se zdravotním postižením.
• Implementovat progresivní webové aplikace (PWA): Lighthouse prověřuje, zda web splňuje požadavky na to, aby fungoval jako PWA (offline dostupnost, rychlé načítání, interaktivita).
• Zlepšovat SEO: Audit zahrnuje základní SEO metriky, které pomáhají webu lépe se umisťovat ve výsledcích vyhledávání.

Co Lighthouse dělá?

Lighthouse provádí řadu auditů a generuje skóre a doporučení pro následující oblasti:

• Performance (Výkon): Měří rychlost a interaktivitu stránky. Zahrnuje klíčové metriky jako First Contentful Paint (FCP), Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS), Time to Interactive (TTI) a další.
• Accessibility (Přístupnost): Hodnotí, jak snadno je stránka použitelná pro všechny uživatele, včetně osob se zdravotním postižením. Poskytuje návrhy na zlepšení čitelnosti textu, používání atributů pro navigaci a další prvky, které zlepšují přístupnost.
• Best Practices (Nejlepší praktiky): Poskytuje hodnocení a doporučení, jak zajistit, aby webové stránky splňovaly moderní bezpečnostní a vývojové standardy (např. používání HTTPS, správné načítání zdrojů, optimalizace obrázků).
• SEO (Optimalizace pro vyhledávače): Provádí audit základních SEO faktorů, které ovlivňují viditelnost stránky ve vyhledávačích. Kontroluje například správné používání meta tagů, strukturu stránky a indexovatelnost.
• Progressive Web App (PWA): Zjišťuje, zda stránka splňuje požadavky na progresivní webové aplikace, které zahrnují možnosti jako rychlé načítání, offline režim, instalovatelnost a interaktivita. PWA jsou důležité pro mobilní uživatele a zlepšují celkový uživatelský zážitek.

Jak funguje?

Lighthouse měří různé klíčové metriky, podobně jako PageSpeed Insights, ale poskytuje hlubší analýzu a zaměřuje se na širší škálu aspektů:

• Performance: Stejně jako PageSpeed Insights, i Lighthouse se zaměřuje na rychlost načítání stránky a interaktivitu, měří například First Contentful Paint (FCP), Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS), Time to Interactive (TTI) a další.
• Accessibility: Měří přístupnost webu pomocí různých testů, jako je použití alternativních textů, kontrast barev, správné tagování a další faktory, které zlepšují uživatelskou přívětivost pro různé skupiny uživatelů.
• SEO: Provádí audit základních SEO prvků, jako je přítomnost meta tagů, strukturované data, vhodné nadpisy a další prvky, které přispívají k lepšímu hodnocení ve vyhledávačích.
• Best Practices: Zahrnuje technické aspekty, jako je bezpečnost (např. správné používání HTTPS), správná velikost obrázků, načítání skriptů a efektivní používání moderních webových technologií.
• Progressive Web App (PWA): Kontroluje, zda stránka splňuje požadavky na progresivní webové aplikace (rychlé načítání, funkčnost offline, možnost instalace, push notifikace a další).

Výsledky auditu

Lighthouse po dokončení auditu vygeneruje podrobnou zprávu, která zahrnuje:

• Skóre pro každou kategorii (Performance, Accessibility, Best Practices, SEO, PWA), kde je skóre v rozsahu od 0 do 100.
• Konkretizované návrhy na zlepšení s podrobnými vysvětleními a odkazy na relevantní zdroje. Doporučení jsou řazena podle důležitosti a dopadu na výsledný výkon.