Rozdíly

Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.

--- it:dev:lighthouse [2026/03/09 16:25] – vytvořeno admin
+++ it:dev:lighthouse [2026/03/09 16:33] (aktuální) – [Základní oblasti auditu] admin
@@ Řádek 5: / Řádek 5: @@
----
-### Základní oblasti auditu
+==== Základní oblasti auditu ====
 Lighthouse při skenování stránky generuje skóre (0–100) v pěti klíčových kategoriích:
@@ Řádek 18: / Řádek 17: @@
 | **PWA** | Hodnotí, zda stránka splňuje požadavky na progresivní webovou aplikaci. |
----
+----
-### Klíčové metriky výkonu (Core Web Vitals)
+=== 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í:
@@ Řádek 30: / Řádek 29: @@
----
+----
-### Jak spustit audit?
+=== 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".
+  - 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).
+  - 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.
+  - Příkazová řádka (CLI): Ideální pro automatizaci a CI/CD procesy.
     <code>npm install -g lighthouse
-    lighthouse https://example.com</code>
+lighthouse https://example.com</code>
----
+----
-### Proč jsou audity důležité?
+=== 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í:
-. **Zlepšit SEO:** Lepší technický stav webu vede k lepším pozicím v Google Search.
+. Zlepšit SEO: Lepší technický stav webu vede k lepším pozicím v Google Search.
-. **Snížit míru okamžitého opuštění:** Uživatelé nebudou odcházet kvůli pomalému načítání.
+. Snížit míru okamžitého opuštění: Uživatelé nebudou odcházet kvůli pomalému načítání.
-. **Zajistit inkluzivitu:** Přístupný web osloví širší spektrum publika.
+. Zajistit inkluzivitu: Přístupný web osloví širší spektrum publika.
----
-### Užitečné tipy pro optimalizaci
+=== Užitečné tipy pro optimalizaci ===
-  * **Obrázky:** Používejte moderní formáty (WebP, AVIF) a techniku //lazy loading//.
+  * 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.
+  * Kód: Minifikujte CSS a JavaScript. Odstraňte nepoužívaný kód.
-  * **Server:** Využívejte mezipaměť (caching) a rychlé CDN.
+  * Server: Využívejte mezipaměť (caching) a rychlé CDN.
 **Viz také:** [[https://developers.google.com/speed/docs/insights/v5/about|Dokumentace PageSpeed Insights]]