Ce metode poți folosi pentru a accelera încărcarea unui site web?

Minimizarea și combinarea fișierelor CSS și JavaScript. Compresia imaginilor și utilizarea formatelor moderne precum WebP. Utilizarea încărcării întârziate (lazy loading) pentru imagini și videoclipuri. Cache-ul resurselor pe partea clientului și a serverului. Compresia GZIP pentru resursele textuale. Minimizarea solicitărilor HTTP. Utilizarea unui CDN (Content Delivery Network). Optimizarea drumului critic de randare. Eliminarea codului neutilizat. Utilizarea Service Workers pentru acces offline și cache.

// Exemplu de lazy loading pentru o imagine
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;
      observer.unobserve(img);
    }
  });
});

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

Compararea formatelor de imagini:

Format	Utilizare tipică	Caracteristici
JPEG	Fotografii	Compresie cu pierderi, gamă largă de culori
PNG	Grafice cu transparență, logo-uri	Compresie fără pierderi, suport pentru transparență
GIF	Imagini animate	Compresie fără pierderi, suport pentru animație
WebP	Fotografii și grafice	Compresie mai eficientă (cu și fără pierderi), suport pentru transparență și animație

/* Exemplu de combinare și minimizare CSS */
body {
  font-family: sans-serif;
  /* font-size: 16px; */ /* Cod neutilizat eliminat */
}

h1 {
  color: #333;
  margin-bottom: 20px;
}

# Exemplu de compresie GZIP în Nginx
gzip on;
gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;