Výkon webu · Lighthouse

Lighthouse skóre 90+: jak na to a proč to stojí za úsilí

Q: Proč záleží na Lighthouse skóre?

Lighthouse měří Core Web Vitals, které jsou přímý Google ranking faktor. Vysoké skóre znamená rychlejší web, lepší uživatelský zážitek a vyšší konverze. Skóre také ukazuje, jestli je web přístupný uživatelům s postižením, což je v EU od roku 2025 právní povinnost pro firemní weby.

Aktualizovano: cerven 2026Cteni: 10 min

Web s Lighthouse 95+ se ve výsledcích Googlu chová úplně jinak než web s 55. Není to o ješitnosti. Je to o tom, kdo dostane prvních pět pozic.

Lighthouse je nástroj od Googlu, který hodnotí web ve čtyřech kategoriích: Performance, Accessibility, Best Practices a SEO. Skóre 0 az 100 v každé. Web s 90+ ve všech čtyřech kategoriích posílá Googlu signál "kvalitní stránka" a získává konkurenční výhodu. V tomto článku jsou konkrétní kroky, jak takového skóre dosáhnout.

Co Lighthouse měří

Performance

90+

Rychlost načítání, Core Web Vitals

Accessibility

95+

Přístupnost pro uživatele s postižením

Best Practices

95+

Technické standardy, HTTPS, bezpečnost

SEO

95+

Meta tagy, sémantika, robots, sitemap

Realistické cíle pro malou firmu: Performance 85 az 95 (nejtěžší kategorie), ostatní 95 az 100. Lighthouse spustíte v Chrome (F12 → záložka Lighthouse → Analyze) nebo přes pagespeed.web.dev.

Proč Lighthouse skóre záleží

Performance kategorie měří Core Web Vitals, což jsou přímý Google ranking faktor
Accessibility je v EU od 28. června 2025 právní povinnost (European Accessibility Act) pro firemní e-shopy a služby
SEO kategorie kontroluje základní technické SEO, bez kterého Google web správně nezaindexuje
Best Practices chrání před bezpečnostními problémy a deprecated kódem
Web s 90+ má prokazatelně vyšší konverzní poměr (rychlejší = víc lidí dokončí akci)

Performance: jak na 90+

Toto je nejtěžší kategorie. Nejčastější problémy a jejich opravy:

Vysoký
Optimalizace obrázků (WebP, AVIF) Největší jednorázový dopad. Převod JPG/PNG na WebP ušetří 40 az 70 % velikosti bez ztráty kvality. AVIF je ještě efektivnější, ale podpora prohlížečů je o trochu nižší. Nástroje: Squoosh.app (zdarma online), Sharp (Node.js), automatický plugin v Next.js a Astro.
Vysoký
Lazy loading obrázků a iframe Atribut loading="lazy" na všech obrázcích pod foldem. Iframe (YouTube, mapa) také lazy. Sníží Initial Load o 30 az 60 %. Funguje nativně ve všech moderních prohlížečích.
Vysoký
Eliminace render-blocking resources CSS a JS, které blokují zobrazení stránky. Řešení: inline kritické CSS do <head>, ostatní CSS s media="print" + JavaScript pro async load. JavaScript s atributem defer nebo async. Externí fonty s font-display: swap.
Vysoký
Preload kritických zdrojů LCP element (typicky hero obrázek nebo nadpis) označte <link rel="preload">. Říkáte prohlížeči "tohle stáhni jako první". Přímý dopad na LCP skóre, často -1 az -2 vteřiny.
Střední
Preconnect pro externí domény Google Fonts, Google Analytics, Facebook Pixel, externí CDN. Každá doména přidá DNS lookup + TLS handshake (200 az 800 ms). <link rel="preconnect" href="..."> v <head> otevře připojení dopředu.
Střední
Minifikace CSS, JS, HTML Odstranění bílých mezer, komentářů, nepoužitého kódu. Typicky -20 az -40 % velikosti. Automaticky řeší buildovací nástroje (Vite, Webpack, Next.js, Astro). Ve WordPressu přes Autoptimize nebo WP Rocket.
Střední
Caching headers + CDN Statické soubory (obrázky, CSS, JS) by měly mít cache-control: max-age=31536000 (1 rok). CDN (Cloudflare zdarma, Vercel, Bunny) zrychlí TTFB o stovky ms a sníží zátěž serveru. Pro statické weby je CDN powered hosting (Vercel, Netlify) výhodnější než tradiční hosting.
Nízký
Redukce JavaScript bundle Odstranit nepoužité knihovny, code splitting podle stránek, tree shaking. V praxi: většina malých firemních webů má až 200 az 500 KB zbytečného JS. Vlastní web bez frameworku má pod 50 KB JS celkem.

Accessibility: jak na 95+

Accessibility je překvapivě jednoduchá kategorie. 9 z 10 chyb jsou triviální:

Alt texty u obrázků. Každý <img> musí mít atribut alt="popis obrázku". Dekorativní obrázky mají alt="".
Aria labels u tlačítek bez textu. Tlačítko jen s ikonou potřebuje aria-label="Otevřít menu".
Form labels. Každý <input> potřebuje <label> nebo aria-label.
Kontrast textu. Minimální kontrast textu vs. pozadí 4,5:1 (normální text) nebo 3:1 (velký text). Změřit můžete v Chrome DevTools.
Sémantický HTML. <nav>, <main>, <header>, <footer> místo <div class="nav">.
Lang atribut. <html lang="cs"> říká prohlížeči a čtečkám, v jakém jazyce je obsah.
Klávesnice navigace. Všechny interaktivní prvky musí být dosažitelné Tab klávesou.

Best Practices: jak na 95+

HTTPS. Web musí běžet na HTTPS, žádné mixed content (HTTP zdroje na HTTPS stránce).
Doctype HTML5. První řádek <!DOCTYPE html>.
Charset UTF-8. <meta charset="UTF-8"> v <head>.
Bez deprecated API. Žádné <font>, <center>, document.write atd.
Bez chyb v konzoli. Žádné 404 na zdroje, žádné JavaScript erroru.
Bezpečné cookies. Cookies s atributy Secure a SameSite.

SEO: jak na 95+

SEO kategorie v Lighthouse je technické minimum, ne kompletní SEO. Body, které musíte mít:

<title> tag v každé stránce, unikátní, max 60 znaků
<meta name="description"> v každé stránce, 120 az 160 znaků
Canonical URL. <link rel="canonical"> pro každou stránku
robots.txt v rootu domény
sitemap.xml a v Google Search Console odeslán
Sémantické nadpisy. Jeden <h1> na stránku, hierarchická struktura H2, H3
Čitelný kontrast a velikost písma. Min 12px na mobilu, nejlépe 14px+

Pro pokročilé SEO (klíčová slova, backlinky, obsah) čtěte SEO pro malé firmy.

Lighthouse skóre podle typu webu

Typ webu	Realistický Performance cíl	Dosažitelnost
Statický web (HTML, Astro)	95 az 100	Snadné
Next.js / Nuxt staticky generovaný	90 az 98	Snadné
Optimalizovaný WordPress	75 az 90	Střední úsilí
WordPress s pluginy bez optimalizace	40 az 65	Vyžaduje refaktoring
E-shop Shopify, WooCommerce	50 az 80	Náročné
Webflow, Wix, Squarespace	40 az 75	Limitované možnosti

90+ Performance je standardně dosažitelné na moderním custom webu. Na WordPressu je to možné, ale stojí to navíc 5 az 15 hodin práce a placené pluginy. To je často důvod, proč klienti přecházejí z WP na custom.

Časté překážky

Google Tag Manager s mnoha tagy. Každý tag = +20 az 100 ms. Pokud máte GA + Meta Pixel + Hotjar + Smartlook, Performance padne o 10 az 20 bodů. Použijte jen, co skutečně potřebujete.
Embedované YouTube videa. Jeden embed = -10 až -20 Performance. Řešení: lazy load (lite-youtube-embed knihovna, jen 1KB).
Live chat widgety. Tawk.to, Smartsupp = -5 až -15 Performance. Spustit až po prvním kliku uživatele.
Externí mapy. Embedovaná Google Maps = -10 Performance. Řešení: statický obrázek mapy + odkaz na Google Maps.
Webové fonty z Google Fonts. Self-hostujte fonty (woff2 formát) místo načítání z fonts.googleapis.com.

Workflow pro dosažení 90+

Spusťte Lighthouse audit (Chrome F12 → Lighthouse)
Zaměřte se na "Opportunities" sekci, seřazenou podle dopadu
Vyřešte 3 největší body
Spusťte znovu, opakujte
Po Performance 85+ přesuňte pozornost na Accessibility a SEO
Testujte na reálném mobilním zařízení, ne jen v devtools

Váš web má skóre pod 70? Postavíme nový s 95+ jako standard.

Každý web, který tvoříme, dosahuje Lighthouse 90+ ve všech kategoriích. Bez extra příplatku. Pokud váš stávající web padá pod 70, do 24 hodin uděláme audit a navrhneme cestu k 90+.

Chci audit webu zdarma →

Časté dotazy

Co je Lighthouse skóre?

Nástroj od Googlu, který hodnotí web ve čtyřech kategoriích: Performance, Accessibility, Best Practices a SEO. Každá má skóre 0 az 100. Dobrý web má 90+ ve všech kategoriích.

Jak dosáhnout Lighthouse 90+?

Klíčové kroky: komprese obrázků do WebP, lazy loading, minifikace CSS/JS, preconnect pro externí zdroje, alt texty u obrázků, sémantický HTML, kontrastní text, meta tagy a Schema.org. Pro 95+ je obvykle potřeba statický web nebo silně optimalizovaný hosting.

Proč záleží na Lighthouse skóre?

Performance měří Core Web Vitals, které jsou přímý Google ranking faktor. Vysoké skóre znamená rychlejší web, lepší UX a vyšší konverze. Accessibility je v EU od 2025 právní povinnost pro firemní weby.