Jaké faktory mohou ovlivnit rychlost načítání obsahu pro uživatele?

• Velikost a počet HTTP požadavků (CSS, JS, písma, obrázky).
• Parametry serveru (rychlost odezvy, šířka pásma).
• Kvalita sítě uživatele (rychlost internetového připojení, latence).
• Parametry zařízení uživatele (výkon procesoru, množství RAM).
• Použití cache (prohlížeč a server).
• Optimalizace obrázků (komprese, vhodné formáty, adaptivní obrázky).
• Minifikace a komprese zdrojů (Gzip, Brotli).
• Asynchronní načítání a odložené spuštění skriptů.
• Kritický CSS (inline CSS pro první vykreslení).
• SSR (Server-Side Rendering) nebo SSG (Static Site Generation) místo CSR (Client-Side Rendering).
• Použití CDN (Content Delivery Network).
• Počet a složitost externích skriptů (analytika, widgety).
• Přesměrování.
• Chyby na serveru nebo v kódu zpomalující zpracování.
• Čas do prvního bajtu (TTFB).

// Příklad lazy loading obrázků ke zlepšení rychlosti
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);
});