Saltar al contenido
Codifíca.me | Desarrollo web | Programación

Optimizando y Mejorando la velocidad de tu Prestashop I

2 febrero, 2019
prestashop

En esta entrada vamos a mejorar la velocidad de tu Prestashop, vamos a hacer una serie de entradas en las que iremos mostrando como mejorar el page speed insight en Prestashop.
La mayoría de estas cosas te pueden valer para otras muchos tipos de web no solo para prestashop.

Hemos pasado el medidor de Google de velocidad y adaptación móvil a la web y nos ha dado un terrible resultado, de los resultados mas feos que hemos visto así que nos será un buen ejemplo para ir mejorando paso a paso.


Para Ordenador:

prestashopoptim


Para Móvil:

 


 

Lo primero por lo que suelo empezar a mejorar la velocidad de una web es por las imágenes, una imagen vale más que mil palabras, y si lo mides en megas mucho más. 😉

 

Optimizando imágenes

La herramienta que nos ofrece Google para mirar la velocidad de la web nos ofrece también las imágenes y los códigos optimizados para que los podamos reemplazar por los que vienen en nuestra web.

Para el código no es algo que se pueda hacer tan a la ligera así que no lo recomendaría por que posiblemente no te funcione bien, pero las imágenes es bastante más simple y funciona bien casi siempre, por no decir siempre.

Bien, vamos a la parte de abajo del medidor de Google, donde pone “Descarga los recursos de imagen, JavaScript y CSS optimizados para esta página” , hacemos click y los descargamos,
tienes que ir viendo donde van esas imagenes e ir remplazando en la ruta exacta las imagenes que te ha devuelto Google por las imágenes que tienes subidas a tu web.


 

La ruta la puedes ver en la parte que pone:

Optimizar imágenes

Formatear y comprimir correctamente las imágenes puede ahorrar una gran cantidad de bytes de datos.
Optimizar estas imágenes para reducir su tamaño en 34,2 KB (reducción del 18 %).
Le das a bajar, bajas los ficheros y sustituyes una por una.
Ahora le damos a volver a calcular el page speed de la web y vemos que los resultados son estos:


Para Ordenador:
pc


Para móvil:

movil

Y listo este primer paso, sin duda optimizar las imágenes sería uno de los primeros cambios que haría en una web o tienda que quieres tener mejores resultados en su velocidad de carga.