Codifica las imágenes de forma eficaz

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:

Captura de pantalla de Lighthouse Codifica imágenes de manera eficiente

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:

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.

Recursos