Blog
«Publica imágenes en formatos de próxima generación»
Lighthouse cambió el nombre de esta auditoría. Qué mide, qué estima y cómo revisar los bytes de las imágenes en tu propia página.
Última revisión:
En esta página
«Publica imágenes con formatos de próxima generación» era una línea roja de Lighthouse. Desde Lighthouse 13 se llama «Entrega imágenes en formatos modernos» y vive dentro de Mejora la entrega de imágenes.
Cambió el nombre. No el trabajo. Lighthouse encuentra formatos antiguos y estima cuánto peso podría quitar una conversión.
Google lo dice así: “This audit has moved into the Improve image delivery insight as of Lighthouse 13.”
Qué mide la advertencia de Lighthouse
La auditoría revisa las imágenes BMP, JPEG y PNG de la página. Después modela la posible reducción con WebP y AVIF.
Lighthouse collects each BMP, JPEG, and PNG image on the page, converts each to WebP, and estimates the AVIF file size, reporting the potential savings based on the conversion figures.
— developer.chrome.com, la documentación de la auditoría.
La palabra importante es estimates. Los bytes que entregó tu página están medidos. El posible peso en WebP o AVIF, no. Lighthouse también deja fuera una imagen cuando la reducción potencial es menor a 8 KiB, para concentrarse en las más pesadas.
Qué son los formatos de «próxima generación»
En esta auditoría, son WebP y AVIF en lugar de JPEG o PNG. La comparación solo sirve a la misma calidad percibida.
Medimos esa parte: 14 imágenes de dos tiendas reales, 336 codificaciones, con la calidad percibida igualada en SSIMULACRA2 70.
| Formato | Contra JPEG, mediana | Ganó en |
|---|---|---|
| WebP — el formato del plan gratis | 21,8 % más liviano | 11 de 14 imágenes |
| AVIF — el formato del plan Pro | 32,1 % más liviano | 14 de 14 |
| AVIF contra WebP | cerca de un 21 % más liviano todavía | 16 derivadas reales, mismo ancho y calidad |
Son mediciones de peso, no de tiempo de carga. No medimos cuánto tardó un sitio en abrir. El hosting, los scripts, la caché y el resto de la página también importan.
El soporte del navegador también cuenta. La auditoría de Google advierte que WebP, AVIF y WebM no funcionan en iPhones anteriores a iOS 16. La entrega debe comprobar qué acepta cada navegador y conservar la original como respaldo.
Qué hacer en WordPress
La recomendación de Google para WordPress es usar un plugin o servicio que convierta las imágenes automáticamente. Automáticamente es la parte útil. Hacer un catálogo a mano no termina.
Las herramientas toman caminos distintos. Algunas reescriben archivos de la biblioteca y guardan respaldos. NimboCDN cambia la dirección de la imagen al entregarla. Los originales quedan intactos y, al desactivar el conector, vuelve la entrega anterior al instante. La comparación entre ShortPixel e Imagify muestra cómo se diferencian dos herramientas de biblioteca.
Si la página lenta es una categoría, empieza por lo que las imágenes pueden y no pueden arreglar en WooCommerce. Para todo el sitio, descarta las otras causas de un WordPress lento.
Revisa los bytes de tu página
Pega una página pública abajo. El medidor pesa cada imagen que viaja y convierte de verdad las más pesadas. El número de hoy es medido. El posible después, estimado.
La estimación tiene un error mediano de 6,2 puntos en AVIF y 10,2 en WebP, medido en ocho tiendas que el modelo no había visto. El método completo está en el medidor de peso de imágenes.
Si el sitio usa WordPress, el informe ofrece el conector. Para un archivo suelto, puedes comprimir imagen sin salir del navegador. Dos minutos. Sin cuenta. Sin tarjeta de crédito. La página de inicio sale más liviana al instante.
- Leyendo la página
- Pesando y convirtiendo las imágenes
Hoy está medido: esos bytes viajaron. Con NimboCDN está estimado, y la etiqueta queda junto al número.
Preguntas
¿«Entrega imágenes en formatos modernos» es la misma auditoría?
Sí. Lighthouse 13 movió la auditoría «Publica imágenes con formatos de próxima generación» dentro de Mejora la entrega de imágenes y la renombró. Ambos nombres se refieren a entregar WebP o AVIF en lugar de formatos antiguos como JPEG y PNG.
¿Cambiar de formato es lo mismo que comprimir?
No. El formato es la codificación de la imagen. La compresión controla cómo esa codificación usa los bytes. La comparación de arriba mantiene igual la calidad percibida, para que la diferencia de peso venga del formato y no de hacer que una imagen se vea peor.
¿Todos los navegadores aceptan AVIF?
No. El soporte es menor que el de WebP. La entrega debe revisar qué formatos acepta cada navegador y volver a la original cuando haga falta. NimboCDN hace ambas cosas sin cambiar el archivo original.
¿Arreglar esto hace rápido todo el sitio?
No podemos afirmarlo con estas mediciones. Las imágenes más livianas quitan bytes y suelen ser la parte más pesada. No medimos tiempo de carga, que también depende del hosting, los scripts, los plugins, la caché y el resto de la página.