Aké faktory môžu ovplyvniť rýchlosť načítania obsahu pre používateľa?

• Veľkosť a počet HTTP požiadaviek (CSS, JS, písma, obrázky).
• Parametre servera (rýchlosť odpovede, šírka pásma).
• Kvalita siete používateľa (rýchlosť internetového pripojenia, latencia).
• Parametre zariadenia používateľa (výkon procesora, objem RAM).
• Použitie cache (prehliadač a server).
• Optimalizácia obrázkov (kompresia, vhodné formáty, adaptívne obrázky).
• Minifikácia a kompresia zdrojov (Gzip, Brotli).
• Asynchrónne načítanie a odložené spúšťanie skriptov.
• Kritický CSS (inline CSS pre prvé vykreslenie).
• SSR (Server-Side Rendering) alebo SSG (Static Site Generation) namiesto CSR (Client-Side Rendering).
• Použitie CDN (Content Delivery Network).
• Počet a zložitosť externých skriptov (analytika, widgety).
• Presmerovania.
• Chyby na serveri alebo v kóde, ktoré spomaľujú spracovanie.
• Čas do prvého bajtu (TTFB).

// Príklad lazy loading obrázkov na zlepšenie rýchlosti
const images = document.querySelectorAll('img[data-src]');

const observer = new IntersectionObserver((entries, observer) => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      const img = entry.target;
      img.src = img.dataset.src;
      img.removeAttribute('data-src');
      observer.unobserve(img);
    }
  });
});

images.forEach(image => {
  observer.observe(image);
});