Compresión de imágenes
La compresión de imágenes reduce el tamaño del archivo sin afectar significativamente la calidad visual. Dado que las imágenes suelen ocupar la mayor parte del peso de la página, una compresión eficaz es una de las maneras más rápidas de mejorar la velocidad del sitio web.
La compresión de imágenes es importante
Las imágenes grandes se ralentizan:
- Tiempo de carga de la página
- Rendimiento móvil
- Pintura con contenido más grande (LCP)
Observación de la industria : En muchos sitios de contenido y comercio electrónico, las imágenes representan entre el 50 y el 70 % del tamaño total de la página.
Ejemplo:
Un catálogo en línea comprimió las imágenes de productos y se adaptó a WebP. El tamaño promedio de página se redujo en más del 60 % y el tiempo de carga en dispositivos móviles mejoró de 4,1 a 2,3 segundos.
Mejores prácticas de compresión
- Utilice formatos modernos (WebP o AVIF)
- Cambiar el tamaño de las imágenes a las dimensiones de visualización reales
- Aplicar compresión sin pérdida o con pérdida controlada
- Evite mostrar imágenes de tamaño completo reducidas por CSS
La compresión debe realizarse antes de la carga, no sólo en el momento de la entrega.
Errores comunes de imagen
- Subir imágenes de cámara sin procesar
- Uso de PNG para contenido fotográfico
- Confiar únicamente en el cambio de tamaño automático del CMS