Si has probado tu tienda Prestashop con herramientas como Google Pagespeed Insight o GTMetrix es posible que hayas recibido la recomendación "Codifica las imágenes de forma eficiente" o "Distribuye las imágenes en formatos de nueva generación". Si es así, este artículo es para ti, te explico cómo elegir el módulo de Prestashop adecuado para comprimir tus imágenes a formato WEBP.

Optimización de imágenes, ¿por qué hacerlo?

Esta es probablemente la primera pregunta que hay que hacer Optimizar una imagen permite reducir su tamaño/peso, y por tanto la velocidad de carga de la página será más rápida. El formato WEBP permite optimizar los archivos PNG y JPG de las páginas web y reducir su tamaño en un 30% de media, lo que es aún más importante en los móviles, donde la conexión a Internet es más lenta. No ganará necesariamente en SEO, pero como las páginas se cargan más rápido sus clientes estarán más dispuestos a comprar en línea

¿El módulo comprime todas las imágenes?

Algunos módulos sólo comprimen imágenes de productos, categorías, marcas y proveedores. Las imágenes del tema o del módulo no se beneficiarán de la optimización WEBP. Compruebe este punto cuando elija el módulo WEBP de Prestashop.

¿Es necesario instalar una extensión PHP en particular?

Comprueba cómo el módulo comprime las imágenes. Necesita uno de los siguientes compresores:

Binarios Cwebp: es el programa proporcionado por Google, algunos módulos lo instalan pero no siempre son compatibles con los servidores (permisos denegados o procesadores incompatibles)
Extensión Vips PHP: es una extensión PHP que no suele estar presente en los alojamientos estándar
Extensión Imagick PHP: esta es una extensión de PHP que no suele estar presente en el alojamiento estándar
Gmagick Extensión de PHP: esta es una extensión de PHP que no suele estar presente en el alojamiento estándar
Gd Extensión de PHP: esta es una extensión de PHP que suele estar presente en el alojamiento pero no siempre se compila con la opción WEBP

Algunos módulos utilizan un servicio externo de optimización de imágenes como ewww.io.

Según mi experiencia, el compresor WEBP más eficaz es la extensión GD. El binario de Google suele ser mucho más lento (x10) que GD.

¿Qué ocurre si el navegador (por ejemplo, Safari) no lee el formato WEBP?

Asegúrese de que el módulo devuelve la imagen original (sin comprimir) si el navegador no puede leer WEBP. Por ejemplo, los navegadores Safari (iPhones/Apple) sólo lo soportarán a partir de la versión 16 Hay una forma muy sencilla de hacerlo, todos los navegadores le dicen al servidor qué formato puede leer con la cabecera 'Accept', si 'image/webp' no está ahí entonces devuelve la imagen sin comprimir.

Compruebe también si el módulo modifica las URL de las imágenes o no (modificando la extensión .JPG por .WEBP, por ejemplo). Si no los modifica (esto es mejor para los módulos de caché HTML) debe ofrecer la posibilidad de hacerlo porque algunos CDNs (proxies) como Cloudflare no gestionan la cabecera 'Vary: Accept'.

¿Cómo se comprimen las imágenes antiguas y las nuevas?

Hay dos estrategias:

  1. el módulo comprime las imágenes cada vez que las añade a través del back office, en cuyo caso tardará mucho tiempo en comprimir las imágenes que ya están en la tienda.
  2. el módulo comprime las imágenes en formato WEBP en la primera visualización, en este caso no es necesario ningún tratamiento importante, las imágenes se comprimen sólo si se utilizan y en la primera visualización en un navegador

¿Podemos elegir la calidad de las imágenes?

El formato WEBP tiene "pérdidas", es decir, con la pérdida de datos, la calidad de las imágenes se degrada, pero se puede ajustar la tasa de compresión para que esta pérdida de calidad no sea visible a simple vista. Compruebe que el módulo WEBP le permite elegir esta tasa de compresión para que pueda definir usted mismo la calidad deseada.

Conclusión

Ahora ya sabes qué preguntas debes hacerte para elegir tu módulo de compresión WEBP de Prestashop.

Usted debe saber que nuestro módulo Speed Pack (Page Cache Ultimate + WEBP + SQL Profiling + Database cleaning) ofrece compresión WEBP con Page Cache Ultimate o puede ir para el módulo independiente Compresión WEBP compatible desde Prestashop 1.6.