Tener una buena velocidad de carga en nuestro PrestaShop es esencial tanto de cara al posicionamiento en Google, como para la experiencia de usuario. Por eso, te dejamos diferentes consejos para mejorar la velocidad de carga de tu PrestaShop:
1. Activar la caché de PrestaShop
Cuando activamos la caché de PrestaShop, se almacenan temporalmente ciertos datos de la web para que puedan ser reutilizados sin necesidad de volver a generarlos desde cero, lo cual sirve para mejorar el rendimiento de tu tienda al reducir los tiempos de carga de las páginas.
Para activar la caché deberemos de ir a «Parámetros Avanzados -> Rendimiento» y desde aquí podremos habilitar las opciones de caché.
2. Optimizar el código
Para optimizar el código de nuestra web, una buena opción que nos ofrece PrestaShop, es la de Minificar el CSS y el JS. Esto consiste en eliminar elementos innecesarios (espacios en blanco, saltos de líne, comentarios…) en nuestro código para que se reduzca su tamaño sin alterar sus funcionalidades.
Cuando queramos activarlo, tendremos que ir a «Parámetros Avanzados -> Rendimiento» y buscar el apartado de «CCC (Combinación, Compresión y Caché)» y desde aquí podremos activarlo.
*Importante: Siempre que apliquemos esto, es recomendable revisar la web para comprobar que no esté afectando a ninguna funcionalidad y en caso de que deje de funcionar, desactivar esta opción.
3. Optimizar imágenes
Las imágenes es uno de los elementos que más afectan a la velocidad de carga y es por ello que es un elemento fundamental a la hora de tener en cuenta si queremos mejorar nuestra velocidad.
Si vamos al apartado de «Diseño -> Ajustes de imágenes«, aquí podremos indicar el rango de compresión que queremos aplicar a nuestras imágenes. Hay que tener en cuenta que el rango de los JPEG y WEBP oscila de 0 a 100 siendo 100 la mayor calidad, y en PNG oscila entre 0 y 9 siendo 9 la mayor calidad.
Aquí no es recomendable poner siempre la mayor calidad ya que a mayor calidad, más pesa la imagen. Aquí lo recomendable es hacer pruebas, ya que tipos de imágenes estemos usando necesitaremos que tengan mayor calidad o menor.
Aquí puedes ver un ejemplo en el que estamos comprimiendo las imágenes de tal manera que pierden un poco de calidad, pero no es muy notorio a la vista, pero así las imágenes pesan mucho menos.
4. Evitar módulos innecesarios
En muchas ocasiones nos pasa que queremos probar un módulo el cual finalmente no usamos, pero queda instalado en la web. Al quedar ese módulo instalado y inutilizado, puede hacer que nuestro PrestaShop se vea ralentizo, por lo que es importante revisar los módulos que tenemos instalados y los que estamos utilizando, y todos aquellos que no estemos usando, desinstalarlos y eliminarlos.
5. Cloudfare para CDN
Utilizar Cloudflare como CDN aumentará no solo la velocidad de nuestra web, sino que también aumentaremos la seguridad de nuestro PrestaShop.
Cloudflare es un servicio de CDN (Content Delivery Network) que optimiza el rendimiento de tu PrestaShop al distribuir contenido estático (imágenes, CSS, JavaScript, etc.) a través de una red global de servidores. Esto reducirá la latencia y acelerará la carga de PrestaShop, ya que los archivos se cargarán desde el servidor más cercano al usuario final en lugar de cargarlo directamente de tu servidor.
Puedes utilizar la versión gratuita que tienen, o si necesitas algo más, tienen otros planes.
Una vez contratado el plan que más nos convenga, tendremos que configurar los servidores DNS de nuestro dominio para que apunten a los servidores de Cloudflare. Una vez que ya tengamos nuestro dominio apuntando a los servidores de Cloudfare, ya podremos utilizar sus opciones de optimización y de caché para mejorar el rendimiento de nuestra web.
En resumen, Cloudflare hará que tu PrestaShop sea más rápido y eficiente, lo que mejorará la experiencia de tus clientes.
6. Cargar los módulos sólo en las páginas que que utilicen
Un problema muy habitual es cargar los módulos en todas las páginas, estén utilizándose o no. Lo que vamos a enseñar, es a tratar de cargar las librerías de los módulos únicamente en las páginas que se estén utilizando reduciendo así los tiempos de carga de PrestaShop al evitar peticiones al servidor innecesarias.
Por ejemplo, en el módulo de Redsys, normalmente se está cargando en todas las URLs de PrestaShop, pero solo lo estamos utilizando en el checkout. Para evitar que cargue las librerías del módulo de Redsys en páginas que no se usa y cargarlo en el checkout, te muestro un ejemplo de cómo hacer que el módulo no cargue en las páginas de «Inicio, categorías y ficha de producto».
Para ello utilizaremos la siguiente línea para cargar las librerías únicamente donde verdaderamente sea necesario cargar JS y CSS de los módulos:
if(Tools::getValue('controller')!='index' && Tools::getValue('controller')!='category' && Tools::getValue('controller')!='product' ){
Si te surgen dudas a la hora de aplicar estos consejos rápidos para mejorar la velocidad de carga de PrestaShop, no dudes en comentar o contactar con nosotros.
Deja un comentario