Google Lighthouse: Jak provést audit výkonu, SEO a přístupnosti webu

Google Lighthouse je open-source nástroj pro komplexní audit webových stránek. Na rozdíl od PageSpeed Insights, který se zaměřuje primárně na rychlost, Lighthouse pokrývá pět klíčových oblastí — výkon, přístupnost, best practices, SEO a progresivní webové aplikace (PWA). Je integrovaný přímo v Chrome DevTools, takže ho můžete spustit kdykoliv bez instalace.

Pět kategorií auditu v Google Lighthouse

Performance (Výkon)

Lighthouse měří rychlost načítání pomocí syntetického testu. Simuluje pomalejší mobilní zařízení a připojení, aby reflektoval zkušenost běžného uživatele. Výsledkem je skóre 0–100 a detailní rozpad na jednotlivé metriky — LCP, INP, CLS, FCP, Speed Index a TTFB.

Accessibility (Přístupnost)

Audit přístupnosti kontroluje, zda je web použitelný pro uživatele se zrakovým, sluchovým nebo motorickým omezením. Testuje kontrast barev, přítomnost alt textů, správnou strukturu nadpisů, ARIA atributy a navigaci klávesnicí. Přístupnost přímo neovlivňuje SEO, ale Google ji stále více zohledňuje v kontextu uživatelské zkušenosti.

Best Practices

Tato kategorie ověřuje dodržování webových standardů — zabezpečení HTTPS, správné použití API, absence zastaralých knihoven, konzolové chyby a další technické aspekty, které ovlivňují spolehlivost a bezpečnost webu.

SEO

Lighthouse kontroluje základní on-page SEO prvky — meta tagy, strukturu nadpisů, crawlovatelnost, mobilní použitelnost a další faktory, které ovlivňují, jak vyhledávače web indexují a hodnotí.

Progressive Web App

Audit PWA ověřuje, zda web splňuje kritéria progresivní webové aplikace — offline funkčnost, manifest, service worker a další technologie pro nativní zážitek v prohlížeči.

Přehled SEO auditů v Google Lighthouse

Audit	Co kontroluje	Dopad na SEO
Document has a meta description	Přítomnost meta description	Nepřímo (CTR ve výsledcích)
Document has a title element	Přítomnost title tagu	Přímý rankingový faktor
Links have descriptive text	Srozumitelný anchor text	Pomáhá crawlerům pochopit kontext
Document has valid hreflang	Správné hreflang atributy	Klíčové pro vícejazyčné weby
Page is mobile friendly	Responzivní design	Přímý rankingový faktor
robots.txt is valid	Správný formát robots.txt	Ovlivňuje crawlování
Image elements have alt text	Přítomnost alt atributů	Přístupnost + Image SEO
Document uses legible font sizes	Čitelné fonty na mobilech	Uživatelská zkušenost
Status code	HTTP status kód stránky	Indexování a crawling

Jak Google Lighthouse spustit

Lighthouse je dostupný několika způsoby:

1. Chrome DevTools — otevřete DevTools (F12), záložka Lighthouse, vyberte kategorie a spusťte audit
2. PageSpeed Insights — webová verze na pagespeed.web.dev
3. Příkazová řádka — npm install -g lighthouse && lighthouse https://vaseweb.cz
4. Chrome rozšíření — samostatné rozšíření pro rychlé audity
5. CI/CD integrace — automatizované testování při každém deployi

Spouštějte Lighthouse v režimu inkognito, abyste eliminovali vliv rozšíření prohlížeče na výsledky. Každé aktivní rozšíření může zkreslovat metriky výkonu i best practices.

Google Lighthouse vs. PageSpeed Insights

Aspekt	Lighthouse	PageSpeed Insights
Typ dat	Pouze lab data	Lab data + field data
Kategorie auditu	5 (výkon, SEO, přístupnost, BP, PWA)	Primárně výkon
Kde spustit	DevTools, CLI, CI/CD	Webový nástroj
Field data (CrUX)	Ne	Ano
Konfigurace	Plná (throttling, device)	Omezená
Automatizace	Ano (CLI, API)	Ano (API)
Offline použití	Ano	Ne

Jak výsledky interpretovat

• 90–100 — výborný stav, udržujte aktuální úroveň
• 50–89 — prostor pro zlepšení; zaměřte se na položky s nejvyšším dopadem
• 0–49 — kritické problémy, které vyžadují okamžitou pozornost

Pro SEO je důležité soustředit se nejen na celkové skóre, ale hlavně na konkrétní audity, které Lighthouse označí jako neúspěšné. Každý neúspěšný audit obsahuje popis problému, dopad a návod na opravu.

Praktické tipy

• Automatizujte testy — nastavte Lighthouse v CI/CD pipeline, aby se audit spustil při každém deployi
• Sledujte trendy — jednorázový test nestačí; sledujte vývoj skóre v čase pomocí Lighthouse CI
• Nastavte budgety — definujte minimální skóre, pod které nesmí web klesnout
• Porovnávejte s konkurencí — spusťte Lighthouse na konkurenčních webech a identifikujte výhody i slabiny
• Řešte kritické audity — zaměřte se nejprve na červeně označené položky s nejvyšším potenciálním dopadem

Často kladené otázky

Je Lighthouse skóre totéž co PageSpeed Insights skóre?

Lab data skóre v PageSpeed Insights vychází z Lighthouse engine, takže by měla být shodná. Rozdíl je v tom, že PSI navíc zobrazuje field data z Chrome UX Reportu, která Lighthouse v DevTools neposkytuje. Field data jsou pro SEO důležitější než lab skóre.

Jak často bych měl Lighthouse audit provádět?

Doporučuji spouštět audit po každé větší změně na webu (redesign, migrace, přidání nových funkcí). Ideálně nastavte automatizované testování v CI/CD pipeline. Pro běžný monitoring stačí měsíční kontrola s porovnáním oproti předchozímu období.

Proč mám na mobilní verzi horší skóre než na desktopu?

Lighthouse pro mobilní audit simuluje pomalejší zařízení (střední kategorie telefonu) a omezené připojení (pomalé 4G). To je záměr — reflektuje reálné podmínky většiny mobilních uživatelů. Zaměřte se na optimalizaci obrázků, redukci JavaScriptu a efektivní cachování.

Mohu Lighthouse integrovat do vývojového procesu?

Ano, Lighthouse CI umožňuje integraci do GitHub Actions, GitLab CI, Jenkins a dalších nástrojů. Můžete nastavit automatické testy při každém pull requestu a definovat prahové hodnoty, které musí web splnit před nasazením do produkce.