Comprime las imágenes de tu WooCommerce antes de subirlas

En una ficha de producto, las imágenes suelen ser lo que más pesa. Si subes fotos de 4000 píxeles directamente desde la cámara o desde el móvil, cada visita descarga muchos megas que el cliente ni siquiera ve, porque su pantalla las reduce. El resultado: una tienda más lenta, peor experiencia en móvil y más abandonos antes de comprar.

Comprimir antes de subir tiene una ventaja sobre depender solo de un plugin: tú decides la calidad y el tamaño exactos y no cargas a tu servidor con tareas de optimización.

• Formato WebP. WordPress lo admite desde la versión 5.8 y las versiones recientes también admiten AVIF.
• Ancho máximo de 1200 a 1600 px para la imagen principal. Más no suele aportar nada en pantalla y sí peso.
• Calidad entre 75 y 85. Revisa el resultado con el comparador, sobre todo en fotos con texturas.

Esta página ya te lo deja preparado: WebP, 1200 px y calidad 78. Puedes cambiar cualquier valor.

1. Quita el fondo y unifica el formato de tus fotos con el Estudio de fotos o con Foto de producto lista.
2. Comprime y convierte aquí las imágenes sueltas que ya tengas.
3. Súbelas a tu biblioteca de medios y comprueba la velocidad de la ficha antes y después.

La galería de una ficha suele cargar la imagen principal, varias miniaturas y a veces imágenes de zoom. Si cada una pesa varios cientos de kilobytes, el conjunto se acumula rápido. Revisa estos puntos en tus productos más vendidos:

• Que la imagen principal no supere el tamaño en el que se muestra con zoom.
• Que las miniaturas no sean la misma imagen grande reducida por CSS.
• Que las fotos de las variaciones también estén optimizadas.

Hay tres sitios donde se puede optimizar una imagen: antes de subirla, en el momento de la subida (con un plugin) o al servirla (con una CDN o el servidor). No son excluyentes. Optimizar antes de subir tiene la ventaja de que decides tú la calidad y el tamaño, y de que no consumes recursos de tu servidor. Un plugin puede encargarse después de lo que se te pase o de crear versiones adicionales.

Si tu tienda ya tiene miles de imágenes, empieza por las páginas con más tráfico en lugar de intentar hacerlo todo de golpe.

Reducir el peso de las imágenes suele mejorar el tiempo de carga y la puntuación en herramientas como PageSpeed, sobre todo en móvil. El resultado exacto depende de tu tema, tu alojamiento y del resto de elementos de la página, así que conviene medir antes y después en lugar de fiarse de una cifra genérica. Las imágenes son, eso sí, uno de los primeros sitios donde mirar.