Checklist výkonu webu pre moderné biznis stránky

Výkon je produktové rozhodnutie. Pomalé weby strácajú dôveru skôr, než sa stihne vyrenderovať headline.

Poradie priorít

1. Server / TTFB — hosting, caching, edge
2. LCP element — zvyčajne hero image, video poster, alebo veľký stack nadpisov
3. Váha JavaScriptu — deferujte non-critical skripty
4. Fonty — subset, font-display, limitujte rodiny
5. Obrázky — moderné formáty, správne veľkosti, lazy-load pod foldom
6. Third parties — analytics, chat, embedy

Checklist

Delivery

• CDN / edge caching pre statické assety
• HTML cacheable tam, kde personalizácia dovolí
• Kompresia (Brotli/Gzip) zapnutá
• HTTP/2 alebo HTTP/3

Assety

• Hero image vo veľkosti display dimensions (nie 4000px source)
• AVIF/WebP so sensiblými fallbackmi
• width/height alebo aspect-ratio na prevenciu CLS
• Lazy-load len non-critical médií

JavaScript & CSS

• Critical CSS path držaný lean
• Deferujte analytics do consent / idle, kde je to možné
• Vyhnite sa blocking third-party tag managerom pri first paint
• Code-split ťažkých routes

Fonty

• Self-host, keď je to možné
• Preloadujte len primárny text face
• font-display: swap alebo optional
• Maximum 2–3 rodiny

Meranie

Používajte lab nástroje (Lighthouse, WebPageTest) a field data (CrUX / RUM). Lab-only výhry, ktoré zmiznú na reálnom mobile, nie sú výhry.

<link rel="preload" href="/fonts/syne.woff2" as="font" type="font/woff2" crossorigin />

FAQ