====== Google Lighthouse a audity webu ======

**Google Lighthouse** je open-source automatizovaný nástroj od Googlu určený ke zvyšování kvality webových stránek. Pomáhá vývojářům a majitelům webů identifikovat problémy v oblasti výkonu, přístupnosti nebo SEO.




==== Základní oblasti auditu ====

Lighthouse při skenování stránky generuje skóre (0–100) v pěti klíčových kategoriích:

^ Kategorie ^ Popis ^
| **Performance** | Měří rychlost načítání a plynulost interakcí (např. LCP, CLS). |
| **Accessibility** | Kontroluje, zda je web použitelný pro lidi se zdravotním postižením (čtečky obrazovky, kontrast). |
| **Best Practices** | Prověřuje bezpečnostní standardy (HTTPS) a moderní vývojářské postupy. |
| **SEO** | Základní kontrola indexovatelnosti stránky vyhledávači. |
| **PWA** | Hodnotí, zda stránka splňuje požadavky na progresivní webovou aplikaci. |

----

=== Klíčové metriky výkonu (Core Web Vitals) ===

V rámci auditu výkonu se Lighthouse zaměřuje na metriky, které Google používá jako hodnotící faktory pro řazení ve výsledcích vyhledávání:

  * **LCP (Largest Contentful Paint):** Čas, za který se vykreslí největší prvek na stránce (obvykle obrázek nebo nadpis). Ideálně pod 2,5 s.
  * **CLS (Cumulative Layout Shift):** Měří stabilitu stránky. Pokud se prvky při načítání "hýbou", skóre se zhoršuje.
  * **TBT (Total Blocking Time):** Čas, po který je stránka zablokována pro interakci s uživatelem kvůli skriptům.



----

=== Jak spustit audit? ===

Existuje několik způsobů, jak nástroj použít:

  - Chrome DevTools: Stiskněte //F12// (nebo //Cmd+Option+I//), vyberte záložku **Lighthouse** a klikněte na "Analyze page load".
  - PageSpeed Insights: Webová služba od Googlu, která kombinuje data z Lighthouse s reálnými daty od uživatelů (Chrome User Experience Report).
  - Příkazová řádka (CLI): Ideální pro automatizaci a CI/CD procesy.
    <code>npm install -g lighthouse
lighthouse https://example.com</code>

----

=== Proč jsou audity důležité? ===

> "Rychlejší web znamená spokojenější uživatele a vyšší konverzní poměr."

Pravidelné provádění auditů vám umožní:
  1. Zlepšit SEO: Lepší technický stav webu vede k lepším pozicím v Google Search.
  2. Snížit míru okamžitého opuštění: Uživatelé nebudou odcházet kvůli pomalému načítání.
  3. Zajistit inkluzivitu: Přístupný web osloví širší spektrum publika.
 


=== Užitečné tipy pro optimalizaci ===

  * Obrázky: Používejte moderní formáty (WebP, AVIF) a techniku //lazy loading//.
  * Kód: Minifikujte CSS a JavaScript. Odstraňte nepoužívaný kód.
  * Server: Využívejte mezipaměť (caching) a rychlé CDN.

**Viz také:** [[https://developers.google.com/speed/docs/insights/v5/about|Dokumentace PageSpeed Insights]]