Millised tegurid võivad mõjutada sisu laadimiskiirust kasutaja jaoks?

• HTTP-päringute suurus ja arv (CSS, JS, fondid, pildid).
• Serveri parameetrid (vastamise kiirus, ribalaius).
• Kasutaja võrgu kvaliteet (internetikiiruse, latentsus).
• Kasutaja seadme parameetrid (protsessori jõudlus, RAM-i maht).
• Vahemälu kasutamine (brauseri ja serveri).
• Piltide optimeerimine (surumine, sobivad formaadid, adaptiivsed pildid).
• Ressursside minimeerimine ja tihendamine (Gzip, Brotli).
• Asünkroonne laadimine ja viivitusega skriptide täitmine.
• Kriitiline CSS (inline CSS esimese renderimise jaoks).
• SSR (Server-Side Rendering) või SSG (Statiline lehtede generatsioon) CSR asemel.
• CDN-i (Sisu edastamise võrk) kasutamine.
• Kolmanda osapoole skriptide arv ja keerukus (analüütika, vidinad).
• Ümber suunamised.
• Serveri või koodi vead, mis aeglustavad töötlemist.
• Esimese baiti aeg (TTFB).

// Näide piltide laisklaadimisest kiiruse parandamiseks
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);
});