Ya has añadido todos tus productos y le has dado los últimos toques a tu tienda PrestaShop. Hoy es el gran día: por fin vas a quitar el cartel de "cerrado por obras". Actualizas la página de inicio y... ¡solo ves una página en blanco! Un segundo, dos, tres, cuatro... En medio de la emoción, te asalta la duda: "¿Por qué mi tienda tarda tanto en cargar?"
Es una pregunta que se hacen muchos vendedores y la respuesta es sencilla: los ajustes óptimos para desarrollar la tienda no son los mismos que para cargarla. Pero no tienes por qué preocuparte: ¡con PrestaShop es muy fácil pasar de la configuración de desarrollo a la de visualización! Estos son unos cuantos ajustes rápidos y sencillos para conseguir una tienda online rápida. Y además te explicamos cómo funciona cada opción. Empieza entrando en tu back-office PrestaShop y ve a CONFIGURACIÓN AVANZADA > RENDIMIENTO
Pestaña Smarty
Aquí encontrarás la pestaña SMARTY correspondiente a tu tema o plantilla. (Smarty es el lenguaje de programación modelo que utilizan los temas PrestaShop.)
Compilación de plantillas: Esta opción determina si el sitio web debe compilar sus instrucciones. ¿Por qué los temas tienen instrucciones? La plantilla predeterminada PrestaShop tiene un diseño flexible y personalizable para adaptarse a las necesidades de cada vendedor. Eso significa que nuestros elementos de diseño no son estáticos: cada módulo se conecta a tu tienda siguiendo sus propias instrucciones. Gracias a este sistema puedes personalizar la plantilla tanto como quieras.
[X] No compilar nunca los archivos de plantilla – (Velocidad máxima) Selecciona esta opción si ya estás totalmente satisfecho con el diseño y no vas a cambiar los archivos. [ ] Compilar plantillas si se actualizan los archivos – (Rápido) Esta es tu opción si editas regularmente los temas de tu sitio web. Solo hay compilación si los archivos del tema cambian. [ ] Forzar compilación – (Lento) Esta opción está reservada para eliminar errores en el sitio web. Cada vez que se carga la página, el tema vuelve a determinar qué elementos deben mostrarse y cómo.
Caché: El término caché hace referencia a los archivos que se guardan temporalmente y permiten que la página se cargue con más rapidez.
[X] SÍ – Si activas esta opción después de personalizar el front-office de tu tienda, tus clientes podrán navegar por el sitio con más rapidez. [ ] NO – Solo hay un caso en el que no tienes que usar la caché: cuando estás trabajando en tu tema. Si no tienes esta opción desactivada, no podrás ver inmediatamente los cambios efectuados. Recuerda: ¡si vas a trabajar en el tema, borra la caché para que los cambios se reflejen en tiempo real en el sitio web!
Tipo de caché: Sistema de archivos o MySQL – La configuración de esta opción varía según la tienda, así que no hay una única respuesta válida. Depende del tamaño de tu base de datos, de su configuración y de la optimización. Si tu base de datos pequeña, apenas notarás diferencias entre ambos tipos. Borrar caché:
[ ] No borrar nunca los archivos caché – Esta opción SOLO debe estar seleccionada si has hecho modificaciones en tu sitio web que no aparecen en el front-office de tu tienda. [X] Borrar caché cuando hay alguna modificación - Está claro, ¿no? La caché de tu sitio web se borra cuando algo cambia. Así te aseguras de que tus clientes ven la versión más actual de tu tienda.
EXTRA: ¿Quieres más control sobre qué páginas se guardan en caché y cuándo? Descarga desde PrestaShop Addons el gestor de caché avanzado desarrollado por nuestra comunidad.
Funcionalidades opcionales
Desactivar las siguientes funcionalidades puede mejorar la velocidad del sitio web pero no es lo más habitual. Además, limita las funciones de PrestaShop y te impide aprovechar todo su potencial. Ten en cuenta que si estas opciones aparecen atenuadas y no puedes desactivarlas es porque ya las estás usando.
CCC (Combinar, comprimir y caché)
CCC es un conjunto de herramientas pensado para minimizar el tiempo que tarda en cargar un sitio. Así es como funciona:
Primer paso: combina archivos de textos similares en uno más grande y así limita la cantidad de archivos que hay que descargar. Segundo: lo comprime en formato zip, mejorando la velocidad de descarga. Por último, guarda el archivo en caché para que no haya que repetir el proceso cada vez que se carga la página. De este modo acelera el funcionamiento del servidor.
Algunas estas funciones pueden modificar el aspecto de tu tema, así que es recomendable activarlas una a una. Y no lo olvides: ¡prueba siempre tu sitio web después de hacer cambios! Caché inteligente para CSS: [SÍ] - Combina, comprime y guarda en caché los archivos CSS. Caché inteligente para JavaScript*: [SÍ] - Combina, comprime y guarda en caché los archivos JavaScript. Minimizar HTML: [SÍ] – Elimina todos los espacios en blanco del código HTML generado a partir de la plantilla Smarty. Comprimir líneas JavaScript* en HTML: [SÍ] – Si tu tema incluye scripts JavaScript, comprímelos para que se carguen más rápido. Mover JavaScript* al final: [SÍ] - Si mueves el código JavaScript al final, también se cargará en último lugar... y tu sitio web podrá mostrar primero los elementos más sencillos. *Estas opciones influyen en los elementos JavaScript que pueden formar parte del tema, por lo que podría modificarse su aspecto.
Te toca
¿Estás listo para acelerar tu tienda PrestaShop? Si quieres que cargue a la velocidad del rayo, échale un vistazo a estas capturas de pantalla.
Si quieres más información sobre la configuración avanzada de tu tienda online, consulta nuestra documentación online oficial. ¿Usas una versión antigua de PrestaShop? No te preocupes: busca tu versión en los archivos de documentación y lee esta entrada del blog que te ayudará a darle más velocidad a tu sitio web. ¿Ya has puesto en práctica nuestros consejos? ¿Cuánto ha mejorado la velocidad de tu sitio web? ¡Usa los comentarios para contárnoslo!
