İstifadəçi üçün məzmunun yüklənmə sürətinə təsir edə biləcək amillər hansılardır?

• HTTP sorğularının ölçüsü və sayı (CSS, JS, şriftlər, şəkillər).
• Server parametrləri (cavab sürəti, bant genişliyi).
• İstifadəçinin şəbəkə keyfiyyəti (İnternet sürəti, gecikmə).
• İstifadəçinin cihaz parametrləri (prosessor gücü, RAM həcmi).
• Keşdən istifadə (brauzer və server).
• Şəkillərin optimallaşdırılması (sıxış, uyğun formatlar, adaptiv şəkillər).
• Resursların minifikasiya və sıxılması (Gzip, Brotli).
• Asinxron yükləmə və gecikdirilmiş skript icrası.
• Kritikal CSS (ilk render üçün inline CSS).
• SSR (Server-Side Rendering) və ya SSG (Static Site Generation) istifadə olunması, CSR əvəzinə.
• CDN (Content Delivery Network) istifadəsi.
• Xarici skriptlərin sayı və mürəkkəbliyi (analitika, widgetlər).
• Yönləndirmələr.
• Server və ya kodda olan səhvlər, emalını yavaşladır.
• Birinci bayt vaxtı (TTFB).

// Yavaş yüklənən şəkillər üçün nümunə, sürəti artırmaq üçün
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);
});