En la sección Oportunidades de tu informe de Lighthouse, se enumeran todas las imágenes no optimizadas, con ahorros potenciales en kibibytes (KiB). Optimiza estas imágenes para que la página se cargue más rápido y consuma menos datos:
Cómo Lighthouse marca imágenes como optimizables
Lighthouse recopila todas las imágenes JPEG o BMP de la página, establece el nivel de compresión de cada imagen en 85 y, luego, compara la versión original con la comprimida. Si el ahorro potencial es de 4 KiB o superior, Lighthouse marca la imagen como optimizable.
Cómo optimizar las imágenes
Hay muchos pasos que puedes seguir para optimizar tus imágenes, incluidos los siguientes:
- Usa CDN de imágenes
- Comprimir imágenes
- Reemplazo de GIF animados por video
- Carga diferida de imágenes
- Cómo entregar imágenes responsivas
- Publicación de imágenes con las dimensiones correctas
- Cómo usar imágenes WebP
Optimiza imágenes con las herramientas de la GUI
Otro enfoque es ejecutar tus imágenes a través de un optimizador que debes instalar en tu computadora y ejecutar como una GUI. Por ejemplo, con ImageOptim, arrastras y sueltas imágenes en su IU y, luego, este comprime automáticamente las imágenes sin afectar la calidad de forma notoria. Si estás ejecutando un sitio pequeño y puedes manejar la optimización manual de todas las imágenes, es probable que esta opción sea suficiente.
Squoosh es otra opción. El equipo de Google Web DevRel mantiene Squoosh.
Orientación específica para pilas
Drupal
Considera usar un módulo que optimice y reduzca automáticamente el tamaño de las imágenes subidas a través del sitio, a la vez que mantiene la calidad. Además, asegúrate de usar los estilos de imágenes responsivas de Drupal (disponibles en Drupal 8 y versiones posteriores) para todas las imágenes renderizadas en el sitio.
Joomla
Considera usar un complemento de optimización de imágenes que comprima las imágenes y conserve la calidad.
Magento
Considera usar una extensión de Magento de terceros que optimice las imágenes.
WordPress
Considera usar un complemento de optimización de imágenes de WordPress que comprima las imágenes y conserve la calidad.