como-optimizar-la-velocidad-de-carga-en-Prestashop

C贸mo optimizar la velocidad de carga en PrestaShop

5/5 - (6 votos)

Si utilizas el CMS PrestaShop para crear y gestionar tu tienda online, te habr谩s preguntado alguna vez, 驴C贸mo puedo mejorar el rendimiento en PrestaShop? Si es as铆, enhorabuena, est谩s en el post adecuado y amas a tus clientes.

No solo importa el dise帽o de la tienda online, tambi茅n tienes que tener en cuenta la velocidad, ya que de nada sirve que tu web sea lo m谩s de todo Internet, si para comprar un producto tengo que estar esperando x tiempo a que cargue cada elemento del sitio (im谩genes x segundos, iconos otros tantos segundos, elementos css y js m谩s segundos鈥).

Por tanto, en este caso, el tama帽o importa, y cuanto m谩s, peor.

Configuraci贸n del motor de plantillas Smarty y PrestaShop

Para acceder a los ajustes de rendimiento, necesitas entrar en el panel de control de tu tienda y dirigirte al men煤 lateral, en la opci贸n Par谩metros avanzados > Rendimiento .

Aqu铆 encontrar谩s diferentes secciones que detallamos a continuaci贸n para optimizar la velocidad de carga en PrestaShop.

Secci贸n Smarty

En esta secci贸n, se hace referencia a los archivos que contiene el tema y terminados con la extensi贸n .tpl, ya que, Smarty, es el lenguaje utilizado para trabajar en las vistas de PrestaShop.

 

Optimizar Smarty PrestaShop

 

En la mayor铆a de los casos la configuraci贸n tiende a ser como en la imagen anterior, modificando las opciones acorde a la necesidad del desarrollo de la tienda. Veamos, las diferentes opciones que nos brinda.

Compilaci贸n de plantillas: Si desplegamos el selector, veremos que hay 3 opciones disponibles a elegir de mejor a peor optimizaci贸n para PrestaShop.

  • Nunca recompilar los archivos de las plantillas, es la alternativa m谩s 贸ptima para el rendimiento de la tienda en PrestaShop. Las vistas se almacenan en la memoria cach茅, mostrando aquellas que se han compilado previamente. El problema, es que si por ejemplo, est谩s desarrollando el tema, no reconocer谩 los cambios.
  • Recompilar las plantillas cuando los archivos sean modificados, nuestra favorita, si hablamos de rendimiento, es la intermedia. Las vistas solo son compiladas cuando PrestaShop detecte que hayan sido modificadas. Es la mejor opci贸n, si requieres hacer cambios en las vistas.
  • Forzar compilaci贸n, la menos 贸ptima de todas, debido a que cada vez que se recargue la p谩gina, el tema ser谩 compilado, consumiendo frecuentemente recursos innecesarios.

Cach茅: S铆, con esta opci贸n activa, mejoraremos notablemente el rendimiento, almacenando archivos temporales, que permiten obtener mayor fluidez respecto a la navegaci贸n de la tienda.

Tipo de cach茅: Sistema de archivos, es la opci贸n por defecto que utiliza PrestaShop, con esta opci贸n, no podemos cerciorarnos de la mejora en la velocidad de carga en PrestaShop, depende de otros factores como el disco duro utilizado por el servidor y la tienda.

  • Sistemas de archivos, almacena la cach茅 en un fichero.
  • MySQL, el rendimiento depende del tama帽o de la base de datos.

Borrar la cach茅: c贸mo bien indica el nombre, hace referencia al momento en que se eliminar谩 la cach茅.

  • No borrar nunca los archivos de la cach茅, la tienda online no eliminar谩 nunca la cach茅, cualquier cambio realizado, no ser谩 visible, a menos que se realic茅 manualmente.
  • Borrar la cach茅 siempre que algo se haya modificado, es la m谩s recomendable, respecto al rendimiento, cuando se realice alg煤n cambio en las plantillas, la cach茅 ser谩 eliminada y reflejar谩 lo modificado. Por tanto, debemos dejar esta opci贸n activada.

Caracter铆sticas opcionales

Configuraci贸n caracter铆sticas opcionales PrestaShop

Otro punto a tener en cuenta para optimizar la velocidad de carga en PrestaShop es desactivar las diferentes caracter铆sticas opcionales que no se est茅n utilizando.

  • Combinaciones, de los productos, si en tu tienda online, tienes productos simples, y no vas a utilizar combinaciones, puedes desactivar la opci贸n para mejorar el rendimiento.
  • Caracter铆sticas, de productos, con ellas, a帽adimos informaci贸n espec铆fica a los productos, al igual que la opci贸n anterior, se podr铆a deshabilitar para evitar recursos innecesarios.
  • Grupos de clientes, (Visitante, Invitado y Cliente) permite asignar privilegios y restringir m贸dulos, vistas dependiendo del rol.

Como puedes ver, todo aquello que no se est茅 utilizando en la tienda online, es mejor dejarlo inactivo y evitar el consumo de recursos para as铆 optimizar PrestaShop.

Limpiar tablas de la base de datos

Antes de nada, necesito que est茅s muy ATENT@ a esto que te voy a decir, DEJA TODO, no contin煤es, HAZ UNA COPIA DE LA BASE DE DATOS.

Repito, COPIA DE LA BASE DE DATOS.

Una vez has puesto a salvo tu base de datos, ya podemos meter mano, no deber铆a ocurrir nada ya que vamos a limpiar tablas estad铆sticas que no perjudican el funcionamiento de la tienda online, pero ya sabemos que lo malo ocurre cuando no hay copia de seguridad.

Dejaremos sin contenido las siguientes tablas, que simplemente aportan informaci贸n estad铆stica sobre p谩ginas vistas, registros de conexiones realizadas en la tienda y un registro de p谩ginas no encontradas.

  • ps_connections: contiene informaci贸n de las visitas realizadas en el panel de la tienda.
  • ps_connections_page: registro de conexiones a p谩ginas espec铆ficas.
  • ps_connections_source: enlaces de las p谩ginas desde d贸nde acceden los usuarios.
  • ps_pagenotfound: todos los aciertos de error 404 (p谩gina no encontrada).
  • ps_statssearch: estad铆sticas del buscador de tu tienda.

Para limpiarlas nos dirigimos a phpMyAdmin > Base de datos del proyecto > Pesta帽a SQL, ahora copiamos y pegamos lo siguiente:

  • TRUNCATE TABLE ps_connections;
  • TRUNCATE TABLE ps_connections_page;
  • TRUNCATE TABLE ps_connections_source;
  • TRUNCATE TABLE ps_pagenotfound;
  • TRUNCATE TABLE ps_statssearch;

Limpiar-base de datos PrestaShop

Pulsamos en continuar, y nos devolver谩 el conjunto de valores que ha podido limpiar por cada tabla o cero si estaba vac铆o.

Si por el contrario, tu tienda online tiene mucho m谩s peso de lo normal y no te quieres arriesgar contacta con nosotros, te ayudaremos a optimizar la base de datos, realizando tambi茅n limpieza de aquellos productos eliminados desde el panel de PrestaShop que han dejado rastro en la base de datos.

Optimizar las im谩genes en PrestaShop

Hoy en d铆a tenemos tanto aplicaciones web, como de escritorio que permiten comprimir el tama帽o de las im谩genes para reducir espacio y mejorar en el rendimiento de la tienda online, como por ejemplo, Squoosh.

Es muy recomendable, repito muy recomendable, optimizar el tama帽o de las im谩genes, el ejemplo es claro, no pasa nada si tienes 10 im谩genes de m谩s de 200kb. Hasta aqu铆 no hay problema, pero esto se convertir谩 en una pesadilla si pasamos a 1000 productos con 5 combinaciones y al menos un par de im谩genes de m谩s de 200kb por producto.

En efecto, la cosa se pone fea, y el tama帽o de la tienda va a ser un descontrol. Todo esto, obviando, banners, y dem谩s im谩genes pesadas.

Eso no es todo, existe otro aspecto que podemos optimizar para mejorar el rendimiento en PrestaShop.

Subir la imagen en el tama帽o correcto, para evitar que el navegador tenga que renderizar el tama帽o de la imagen a la adecuada, esto conlleva un consumo de recursos excesivos y podemos evitarlo a帽adiendo las im谩genes con la anchura y altura adecuada.

En la parte frontal de tu tienda, inspecciona en el navegador cualquier imagen que necesites saber que nombre de etiqueta tiene asignado para poder subir el producto, banner, o cualquier otro elemento con el tama帽o correcto.

Podemos verificar que est谩 en el tama帽o correcto si accedemos al panel de control de PrestaShop, y en el men煤 lateral Dise帽o > Ajustes de Im谩genes. Al igual que asignar nuevos tama帽os o modificar los ya existentes, para adaptarlos a nuestras necesidades y optimizar as铆 la tienda online.

Ajustes de im谩genes en PrestaShop

Desinstalar m贸dulos innecesarios para optimizar PrestaShop

驴Te ha pasado alguna vez tener m贸dulos que ni siquiera sabes qu茅 hacen ah铆? Pues despu茅s de leer esto espero un comentario nombrando al menos un m贸dulo eliminado que no se estaba utilizando.

Tanto si instalas PrestaShop desde cero con la plantilla por defecto, o bien utilizas otra plantilla adquirida como puede ser el Theme Warehouse, debes saber que hay varios m贸dulos que se instalan que seguramente no est茅s utilizando para nada, o simplemente no sab铆as ni que exist铆an. Un paso beneficioso, tanto para para el rendimiento como para la seguridad de tu tienda, tener controlados los m贸dulos que hay.

Desinstala y elimina esos m贸dulos innecesarios. Spoiler: estaremos optimizando la velocidad de carga en PrestaShop.

Mejorando un poco m谩s la velocidad de carga en PrestaShop

  • Analiza PrestaShop con la herramienta Pingdom Tools.
  • Activa el modo debug profiling de Prestashop.
  • Carga los iconos de la web mediante CSS Sprite, un conjunto de im谩genes diferentes agrupadas en una misma imagen.
Comparte
驴Quieres m谩s informaci贸n?
Ponte en contacto con nosotros.
David Candel
David Candel
Frontend developer - Departamento de desarrollo.

Enviar Comentario

Tu direcci贸n de correo electr贸nico no ser谩 publicada.

Este sitio usa Akismet para reducir el spam. Aprende c贸mo se procesan los datos de tus comentarios.

Art铆culos relacionados

Suscr铆bete a nuestra newsletter
para estar al d铆a en el mundo online
驴Tienes alguna incidencia?

Cu茅ntanos qu茅 ocurre
y nos pondremos con ello lo antes posible.

    Este sitio est谩 protegido por reCAPTCHA, y la Pol铆tica de privacidad y T茅rminos de servicio de Google.

    隆Cu茅ntanos tus ideas!
    +34 96 653 19 14
    info@acceseo.com

      Este sitio est谩 protegido por reCAPTCHA, y la Pol铆tica de privacidad y T茅rminos de servicio de Google.

      Te ayudamos a conseguir
      hasta 12.000 鈧 del bono Kit Digital
      Te ayudamos a conseguir
      hasta 12.000 鈧 del bono Kit Digital