Kokie veiksniai gali turėti įtakos turinio įkėlimo greičiui vartotojui?

• Dydis ir HTTP užklausų skaičius (CSS, JS, šriftai, vaizdai).
• Serverio parametrai (atsakymo greitis, pralaidumas).
• Vartotojo tinklo kokybė (interneto ryšio greitis, delsimas).
• Vartotojo įrenginio parametrai (procesoriaus galia, RAM kiekis).
• Kaso naudojimas (naršyklės ir serverio).
• Vaizdų optimizavimas (suspaudimas, tinkami formatai, adaptuojami vaizdai).
• Resursų minifikavimas ir suspaudimas (Gzip, Brotli).
• Asinchroninis įkėlimas ir atidėtas skriptų vykdymas.
• Kritinis CSS (inline CSS pirmam atvaizdavimui).
• SSR (Server-Side Rendering) arba SSG (Statinis svetainių generavimas) vietoj CSR (Kliento pusės renderinimas).
• CDN (Turinio paskirstymo tinklas) naudojimas.
• Trečiųjų šalių skriptų skaičius ir sudėtingumas (analitika, valdikliai).
• Peradresavimai.
• Serverio ar kodo klaidos, kurios lėtina apdorojimą.
• Laikas iki pirmojo baito (TTFB).

// Pavyzdys, kaip vėluojama įkelti vaizdus, siekiant pagerinti greitį
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);
});