¿Qué métodos de optimización de páginas web conoces?

Los métodos principales para optimizar páginas web incluyen:

• Minificación y compresión de recursos: reducir el tamaño de archivos CSS, JS y HTML mediante minificación y compresión gzip/Brotli.
• Caché: uso de encabezados HTTP Cache-Control, ETag para reutilizar recursos sin volver a descargarlos.
• Carga diferida (Lazy loading): cargar imágenes y otros recursos solo cuando sean visibles.
• Optimización de imágenes: uso de formatos modernos (WebP), escalado y compresión adecuados.
• División de código (Code splitting): dividir el código JS en partes para cargar solo lo necesario en cada página.
• Uso de CDN: entrega de recursos estáticos a través de una red de distribución de contenido para reducir latencias.
• Carga asíncrona de scripts: usar async o defer para scripts, evitando bloquear el renderizado.
• Optimización de solicitudes al servidor: reducir el número de solicitudes, combinar archivos, usar HTTP/2.

Ejemplo de uso de carga diferida para imágenes en HTML:

<img src="image.jpg" loading="lazy" alt="Ejemplo">