reSmush vestido optimizado

Actualmente tener optimizadas las imágenes de nuestra tienda es vital, ya que podemos incrementar la velocidad de carga de nuestro PrestaShop 1.7.

Si bien dentro del panel de administración de PrestaShop 1.7 en Diseño -> Ajustes de Imágenes, tenemos en el segundo bloque “Comprensión JPEG” y “Compresión PNG”, esto no es suficiente para tener completamente optimizadas las imágenes de nuestra tienda.

A parte de usar esa función que ofrece PrestaShop 1.7 por defecto, poniendo unos valores de 70 para JPEG y 6 en PNG, recomendamos NO subir imágenes muy pesadas al hosting, ya que después nuestra web tendrá que cargarlas de forma íntegra, aunque luego las hayamos redimensionado. Lo mejor es disponer de las imágenes en el tamaño que se vayan a emplear para que no se tenga que escalar o reescalar nada.

PrestaShop 1.7 Ajustes imágenes compresión

Si además de todo lo indicado anteriormente usamos un módulo gratuito para optimizarlas todavía más aún si cabe el resultado puede ser sorprendente.

Módulo reSmushIt para Optimizar Imágenes de PrestaShop 1.7

El módulo del cual hablamos hoy es reSmushIt. Se llama así porque utiliza la API de resmush.it para optimizar las imágenes de nuestro PrestaShop 1.7.

El Módulo reSmushIt se puede descargar de forma completamente gratuita desde el foro oficial de PrestaShop, aunque hay que registrarse para ello. Sin embargo, si eres usuario de PrestaShop damos por hecho que debes de tener ya una cuenta y sino tendrás que crearte una (son unos minutos y es gratis).

Como podrás ver en la págian del foro el módulo dispone de versiones tanto para PrestaShop 1.5, 1.6 y 1.7, sin embargo, nosotros nos centramos en la de 1.7, más que nada porque la versión 1.5 ya no cuenta con soporte y la 1.6 dejara de tenerlo en unos meses (octubre de 2018).

Así pues, una vez descargado el módulo tenemos que subirlo de la forma habitual a PrestaShop 1.7, es decir, a través de Módulos -> Módulos y servicios -> Subir un módulo, en la parte superior a la derecha.

PrestaShop 1.7 Modulos Subir

Después, aparecerá en pantalla una ventana flotante (popup) con la opción para poder subir el módulo arrastrándolo a dicha ventana o buscándolo en nuestro disco duro (selecciona el archivo).

PrestaShop 1.7 Subir Modulo

Por lo que lo único que tenemos que hacer es arrastra el módulo a esa ventana o buscarlo en nuestro disco duro y el propio PrestaShop lo instalara. Una vez instalado aparecerá en pantalla una notificación para confirmarlo, así como un botón con la opción “Configurar” sobre el cual podemos pinchar o no, ya que no importa demasiado.

PrestaShop 1.7 Subir Modulo Instalado

El caso es que si le damos a “Configurar” iremos a parar a la página de configuración del módulo, la cual realmente no sirve para mucho, ya que lo único que hace es mostrar en pantalla cuántos bytes nos estamos ahorrando al optimizar las imágenes de PrestaShop 1.7 con reSmush.  

PrestaShop 1.7 reSmushit optimización resultados

¿Y luego qué?

Entonces… ¿con subir el módulo ya está todo hecho? La respuesta es NO, porque seguramente ya tengamos imágenes subidas previamente a PrestaShop 1.7 y estás no van a estar optimizadas mediante el módulo (solo estarían las nuevas que subamos), sin embargo, esto tiene fácil solución y es que según el creador del módulo bastaría con regenerar las imágenes de PrestaShop 1.7 para que estas también quedaran completamente optimizadas.

Regenerar Imágenes en PrestaShop 1.7

Recordemos que se pueden regenerar las imágenes de PrestaShop 1.7 en Diseño -> Ajustes de Imágenes -> Regenerar miniaturas, justo abajo del todo en el botón que hay para ello en la sección de Ajustes de Imágenes.

PrestaShop 1.7 Regenerar Miniaturas

Comprobar el Ahorro

Regeneradas las imágenes si comprobamos la configuración del módulo nos mostrará el ahorro: Módulos -> Módulos y servicios -> Módulos instalados -> reSmushIt -> Configurar.

En nuestro caso como lo hemos hecho en un PrestaShop 1.7 de prueba apenas teníamos 10 o 12 imágenes, por lo que el ahorro no es mucho como se puede comprobar en la captura de pantalla inferior, pero si en vez de 10 o 12 imágenes fueran 200 el ahorro sería mucho mayor.

PrestaShop 1.7 reSmushit optimización resultados 2

 


Estamos presentes en las siguientes redes sociales: Facebook y Twitter @hostinet



¿Quieres obtener 25% de descuento adicional al contratar o renovar TU Hosting PrestaShop?
¡Utiliza el cupón SSD2018! -25% DESCUENTO

Hosting PrestaShop