Cambiar imágenes de WordPress a AVIF puede reducir bytes, pero solo compensa si acelera activos comerciales sin crear problemas de compatibilidad, caché, CDN o mantenimiento.
AVIF suele pesar menos que WebP, pero no garantiza más ventas: mide su efecto sobre LCP, conversión, AOV e ingresos por sesión antes de migrar.
AVIF o WebP: decide según LCP, negocio y coste
AVIF conviene cuando reduce de forma visible el Largest Contentful Paint (LCP) en páginas que generan negocio; WebP sigue siendo sensato si ya ofrece un LCP correcto o si el ahorro adicional no compensa el coste técnico.
Google usa las Core Web Vitals como señales de experiencia: LCP mide cuándo aparece el contenido principal, INP cuánto tarda la web en responder y CLS si los elementos saltan de sitio. Una imagen ligera no arregla un servidor lento ni JavaScript pesado.
| Criterio de decisión | WebP | AVIF | Qué vigilar |
|---|
| Peso en fotos equivalentes | Base de comparación | Suele ahorrar un 15% a 35% más | Misma medida y calidad visual |
| Compatibilidad práctica | Muy extendida | Amplia en navegadores actuales | Fallback para sistemas externos |
| CPU al generar variantes | Habitualmente menor | Puede ser mayor | Picos del servidor y cola de trabajo |
| Uso recomendado | Base segura para toda la web | LCP y fotos comerciales prioritarias | Resultado de un test controlado |
La imagen LCP marca la prioridad
La imagen LCP suele ser el hero, la foto principal de una ficha o un banner de campaña. No debe llevar lazy loading: retrasar la primera imagen visible puede empeorar la espera percibida y la venta.
El tamaño solo vale con calidad equivalente
Una comparación válida mantiene recorte, dimensiones y calidad visual: no compares un AVIF borroso de 80 KB con un WebP nítido de 180 KB. Revisa texto integrado, bordes, pieles, tejidos y ampliaciones de producto.
Prueba AVIF en PDP
En WooCommerce, limita la primera prueba a la imagen principal de fichas con más sesiones e ingresos, porque puede ser LCP y tener impacto directo en la decisión de compra.
Ordena las páginas por sesiones, ingresos por sesión, peso de la imagen principal y LCP de campo. Una PDP es una ficha de producto y una PLP una página de listado: no tienen el mismo papel ni requieren la misma prioridad.
Prioriza donde ya existe valor comercial
Empieza por el hero de una landing de pago, continúa con PDP de facturación alta y después revisa categorías o galerías visibles. La biblioteca multimedia histórica puede esperar si las visitas llegan solo a unas pocas fichas activas.
Una prueba útil no pregunta si AVIF pesa menos. Pregunta si la imagen LCP de una plantilla rentable baja su peso transferido, mejora el LCP de campo y cambia ingresos por sesión en usuarios comparables.
La etiqueta picture permite servir AVIF a navegadores compatibles y WebP o JPEG como alternativa; srcset entrega el tamaño adecuado según pantalla. Prueba plugins, CDN o reglas de servidor en una copia de pruebas antes de activarlos en producción.
Ruta de decisión para imágenes comerciales
1. ¿Es imagen LCP o visible al inicio?
2. ¿Tiene tráfico móvil e ingresos?
3. Compara AVIF y WebP a igual calidad
4. Test controlado y decisión
No todas las imágenes merecen la misma estrategia de optimización. En una hero o una imagen LCP, AVIF puede justificar pruebas exigentes porque cada byte ahorrado puede afectar a la carga inicial; en galerías de producto conviene conservar suficiente detalle para zoom, tejidos y color. Las fotos UGC, reseñas de clientes y contenido editorial suelen tolerar mejor una compresión mayor, siempre que no se pierda legibilidad.
Para miniaturas muy pequeñas, la diferencia entre formato AVIF y formato WebP puede ser irrelevante frente al coste de generar variantes. En animaciones, revisa duración, peso y compatibilidad: una animación pesada puede perjudicar más la experiencia que una imagen estática bien optimizada.
Mide ingresos y LCP con un experimento controlado
Solo puedes atribuir un cambio de conversión al formato si grupos comparables reciben AVIF y WebP sin otros cambios relevantes de diseño, CDN, caché, campañas o precios.
Google Analytics 4 permite medir vistas de producto, carrito, checkout, compras e importe; combina esos eventos con RUM o CrUX para conocer el rendimiento de usuarios reales.
Mantén una sola variable en el test
Sirve AVIF al grupo de prueba y WebP al control, sin cambiar simultáneamente precarga, lazy loading, plugin de caché o CDN. Mantén el test entre 3 y 7 días como mínimo y segmenta por móvil, escritorio, navegador y plantilla.
Calcula retorno antes de convertir miles de imágenes
Ingresos incrementales = sesiones afectadas × mejora de tasa de conversión × AOV. Resta codificación, CPU, almacenamiento, CDN, plugin, supervisión y revisión visual antes de decidir una conversión masiva.
Evita fallos de AVIF que dañan venta o soporte
No conviertas toda la biblioteca sin revisar imágenes usadas en feeds, email, Open Graph o redes sociales, porque plataformas externas pueden exigir JPEG o PNG aunque el navegador acepte AVIF.
Mantén los originales para crear tamaños nuevos, corregir incompatibilidades y volver atrás. La caché debe diferenciar correctamente las variantes para evitar entregar el formato equivocado.
Controla CPU, caché y móviles antiguos
AVIF puede exigir más trabajo al generar muchas variantes: programa conversiones por lotes, vigila la CPU y confirma que el CDN almacena cada formato. Mide también móviles reales, ya que algunos dispositivos antiguos pueden decodificar AVIF complejo más lentamente.
No sacrifiques detalle de producto
Una calidad demasiado baja puede borrar textura, costuras, letras o color. En ecommerce, una imagen pobre reduce confianza y puede aumentar dudas o devoluciones; el texto alternativo debe describir la imagen cuando aporta información.
📦
Lo encontrarás en Amazon
Un SSD externo ayuda a conservar copias locales de imágenes originales y copias de seguridad antes de una conversión masiva. Es útil cuando necesitas volver atrás sin depender solo del servidor.
- Permite guardar originales JPEG o PNG antes de generar AVIF y WebP.
- Facilita revisar una muestra de imágenes sin cargar el servidor de producción.
- Ofrece una copia adicional ante errores de plugin, caché o CDN.
Buscar en Amazon →
No priorices una migración a AVIF si las imágenes ya están bien dimensionadas y el LCP está limitado por TTFB, JavaScript, fuentes, scripts de terceros o renderizado. Tampoco conviene con tráfico escaso, porque no tendrás una muestra fiable, ni cuando el coste de procesamiento y compatibilidad supera el ahorro estimado.
En WordPress, elige un único responsable de generar y servir variantes: el plugin de optimización, el CDN o una regla del servidor. Si dos capas convierten la misma imagen, pueden multiplicarse los archivos, el consumo de CPU y las purgas de caché. Comprueba en una página de prueba que la URL o la negociación de contenido entrega AVIF solo a navegadores compatibles y conserva WebP o JPEG como alternativa.
Cuando el CDN selecciona el formato según la cabecera Accept, la caché debe separar correctamente esas respuestas; de lo contrario, un visitante puede recibir una variante no compatible o una versión antigua tras actualizar una ficha de producto.
Preguntas y respuestas
¿AVIF aumenta las conversiones en WordPress?
No por sí solo. Puede ayudar si reduce de forma apreciable el LCP en páginas rentables, pero confírmalo con un test controlado.
¿Qué pesa menos, AVIF o WebP?
AVIF suele pesar entre un 15% y un 35% menos que WebP en fotografías comparables, aunque depende de imagen, dimensiones y calidad.
¿Debo convertir toda la biblioteca de WordPress a AVIF?
No. Empieza por hero, PDP, PLP y banners con tráfico e impacto sobre LCP; las imágenes históricas o usadas en feeds pueden no generar retorno.
¿WebP está obsoleto?
No. WebP sigue siendo válido y muy compatible; AVIF puede ahorrar más bytes, pero requiere revisar CPU, caché, calidad y usos externos.
¿Cómo sé si una imagen es el LCP?
PageSpeed Insights y Lighthouse indican el elemento LCP, pero confirma el dato con CrUX o RUM, especialmente en móvil.
¿Puedo usar AVIF con WooCommerce?
Sí, si tema, plugin de imágenes y caché sirven correctamente las variantes. Prueba fichas concretas, zoom, variaciones, feeds y previsualizaciones sociales.
¿Necesito JPEG si ya sirvo AVIF y WebP?
Sí, conviene conservar JPEG o PNG como fallback y para Open Graph, email y determinados feeds.
¿PageSpeed insights demuestra que venderé más?
No. Detecta problemas técnicos, pero no mide AOV, abandono de checkout ni ingresos por sesión.
La decisión rentable no es migrar por tendencia, sino probar AVIF en una plantilla móvil con LCP pesado, tráfico suficiente y medición limpia de negocio. Si mejora LCP de campo e ingresos por sesión sin perjudicar calidad ni soporte, amplía el cambio; si no, conserva WebP y corrige el cuello de botella real.
AVIF es una oportunidad de rendimiento, no una promesa de ventas: el retorno aparece cuando mejora una espera que el cliente realmente nota.
