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.