🚀

Výkon

Veľkosť DOM, inline CSS/JS, render-blocking zdroje, lazy loading, moderné formáty obrázkov.

Čo kontrolujeme

Analyzujeme inline CSS/JS, render-blocking zdroje, veľkosť DOM, optimalizáciu obrázkov (lazy loading, moderné formáty), viewport meta tag a počet zdrojov.

Jednotlivé kontroly

Inline CSS

warning

Detekuje nadmerné inline style bloky.

Príklad: <style>...</style>

Best practice: ≤3 bloky, ≤10KB

Inline JS

warning

Detekuje nadmerné inline script bloky.

Príklad: <script>...</script>

Best practice: ≤5 blokov, ≤20KB

Render-blocking

warning

Identifikuje CSS/JS v hlavičke blokujúce vykreslenie.

Príklad: <script src="..." async>

Best practice: async alebo defer

Rozmery obrázkov

notice

Kontroluje, či majú obrázky width/height.

Príklad: <img width="800" height="600">

Best practice: 100%

Lazy Loading

notice

Kontroluje loading="lazy" u obrázkov pod ohybom.

Príklad: <img loading="lazy">

Best practice: Všetky obrázky pod ohybom

Viewport Meta

error

Overuje viewport meta tag pre mobilné vykreslenie.

Príklad: <meta name="viewport" content="width=device-width">

Best practice: Prítomný

Veľkosť DOM

warning

Počíta DOM elementy. Veľký DOM spomaľuje vykreslenie.

Best practice: <1500 elementov

CSS súbory

warning

Počíta externé CSS súbory.

Príklad: <link rel="stylesheet" href="...">

Best practice: ≤8

JS súbory

warning

Počíta externé JS súbory.

Príklad: <script src="...">

Best practice: ≤10

Moderné formáty obrázkov

notice

Kontroluje moderné formáty obrázkov (WebP/AVIF).

Príklad: <img src="photo.webp">

Best practice: WebP/AVIF

Prečo na tom záleží

Rýchlosť stránky priamo ovplyvňuje pozície a používateľský zážitok. Render-blocking zdroje, nadmerný inline kód a neoptimalizované obrázky zvyšujú čas načítania a zhoršujú Core Web Vitals.