Cómo configurar la caché en PrestaShop desde el panel de control

¿Por qué es importante la caché en PrestaShop?

Si tu tienda online va lenta, pierdes ventas. Es una realidad del comercio electrónico. Los usuarios no esperan más de 3 segundos a que cargue una página, y Google también penaliza las tiendas lentas en sus resultados de búsqueda.

Aquí es donde entra en juego la caché prestashop. Básicamente, la caché guarda una copia "estática" de tus páginas dinámicas. Cuando un cliente visita tu tienda, el servidor no tiene que generar la página desde cero cada vez, sino que le entrega la copia guardada. El resultado es una carga mucho más rápida y una mejor experiencia de usuario.

En este artículo, te voy a explicar paso a paso cómo configurar la caché en PrestaShop desde el panel de control, sin necesidad de ser un experto en programación. Vamos a por ello.

Los diferentes tipos de caché en PrestaShop

Antes de tocar nada, es importante que entiendas que PrestaShop tiene varios niveles de caché. Cada uno cumple una función distinta, y configurarlos bien es clave para el rendimiento prestashop.

Caché de plantillas (Smarty)

Este es el primer nivel y el más básico. PrestaShop usa un motor de plantillas llamado Smarty. Cuando un cliente visita tu tienda, PrestaShop combina el HTML con los datos de la base de datos para generar la página.

La caché de plantillas guarda esas combinaciones ya generadas. Así, la próxima vez que alguien visite la misma página, se sirve directamente desde la caché sin volver a consultar la base de datos.

Caché de consultas a la base de datos

Este nivel guarda los resultados de las consultas SQL que hace PrestaShop a su base de datos. Si tienes una tienda con muchos productos y categorías, este tipo de caché es fundamental para acelerar prestashop.

Caché de memoria (APC, Memcached, Redis)

Estos son sistemas de caché más avanzados que funcionan a nivel de servidor. Guardan la información en memoria RAM, que es muchísimo más rápida que el disco duro. Son ideales para tiendas con mucho tráfico.

Caché de página completa (Full Page Cache)

Este es el nivel más potente. Guarda la página HTML completa, tal y como se le entrega al navegador del cliente. Es la opción más rápida, pero también la más delicada, porque puede mostrar contenido desactualizado si no se configura bien.

Cómo configurar la caché de PrestaShop paso a paso

Vamos a la acción. Te explico cómo configurar la caché desde el panel de administración de tu PrestaShop.

Paso 1: Accede al panel de administración

Entra en tu panel de administración de PrestaShop. La URL suele ser algo así como www.tutienda.com/admin1234.

Paso 2: Ve a Parámetros avanzados > Rendimiento

En el menú lateral izquierdo, busca "Parámetros avanzados" y haz clic en "Rendimiento". Esta es la página donde controlaremos todo lo relacionado con la caché.

Paso 3: Configura la caché de plantillas

Aquí verás varias opciones. La primera es "Caché de plantillas". Te recomiendo que la actives siempre.

• No usar caché: Esta opción desactiva la caché. No la uses en producción, solo para pruebas.
• Usar caché para las plantillas: Esta es la opción recomendada. Actívala.
• Forzar la compilación: Esta opción es para desarrolladores. No la actives si no sabes lo que haces, ya que ralentizará tu tienda.

Paso 4: Configura la caché de la base de datos

Justo debajo encontrarás "Caché de la base de datos". Aquí puedes elegir entre varios sistemas:

• Sin caché: No recomendado.
• Sistema de archivos: Guarda la caché en archivos dentro del servidor. Es una buena opción si no tienes acceso a Memcached o Redis.
• Memcached: Guarda la caché en memoria RAM. Es más rápido que el sistema de archivos, pero requiere que tu servidor tenga Memcached instalado.
• APC: Similar a Memcached, pero más antiguo.
• Redis: La opción más moderna y potente. Requiere que tu servidor tenga Redis instalado.

Si tu hosting es básico, elige "Sistema de archivos". Si tienes un VPS o un servidor dedicado, y sabes que tienes Memcached o Redis instalado, elige esa opción. Si no estás seguro, pregunta a tu proveedor de hosting.

Paso 5: Guarda los cambios

Cuando hayas hecho tus selecciones, haz clic en el botón "Guardar" que encontrarás en la parte superior derecha.

Cómo configurar la caché de página completa (Full Page Cache)

La caché de página completa no viene activada por defecto en PrestaShop. Para usarla, necesitas un módulo específico. Los más populares son:

• PrestaShop Cache Manager: Un módulo gratuito que añade esta funcionalidad.
• NitroPack: Un módulo premium que incluye caché de página completa, compresión de imágenes y otras optimizaciones.

Estos módulos se instalan desde "Módulos > Módulos y servicios" en tu panel de administración. Busca el nombre del módulo, instálalo y sigue las instrucciones del propio módulo para configurarlo.

Cómo activar la caché del navegador

Además de la caché del servidor, también puedes configurar la caché del navegador. Esto le dice al navegador del cliente que guarde ciertos archivos (como imágenes, CSS y JavaScript) en su ordenador, para que no tenga que descargarlos cada vez que visita tu tienda.

Para activar la caché del navegador, tienes que editar el archivo .htaccess de tu servidor. No te asustes, es más fácil de lo que parece.

Paso 1: Accede a tu servidor

Puedes acceder a tu servidor mediante FTP o desde el administrador de archivos de tu panel de control. Si usas Syspanel, el panel de control de tu hosting, puedes entrar desde ahí. Recuerda que Syspanel se accede por el puerto 2106.

Paso 2: Encuentra el archivo .htaccess

El archivo .htaccess se encuentra en la raíz de tu instalación de PrestaShop. Normalmente es la misma carpeta donde tienes la carpeta admin y img.

Paso 3: Añade el código para la caché del navegador

Copia y pega este código al final del archivo .htaccess:

<IfModule mod_expires.c>
  ExpiresActive On
  ExpiresByType image/jpg "access plus 1 year"
  ExpiresByType image/jpeg "access plus 1 year"
  ExpiresByType image/gif "access plus 1 year"
  ExpiresByType image/png "access plus 1 year"
  ExpiresByType text/css "access plus 1 month"
  ExpiresByType application/pdf "access plus 1 month"
  ExpiresByType text/x-javascript "access plus 1 month"
  ExpiresByType application/x-shockwave-flash "access plus 1 month"
  ExpiresByType image/x-icon "access plus 1 year"
  ExpiresDefault "access plus 2 days"
</IfModule>

Este código le dice al navegador que guarde las imágenes durante un año y los archivos CSS y JavaScript durante un mes.

Cómo limpiar la caché de PrestaShop

Es importante saber limpiar la caché, sobre todo después de hacer cambios en tu tienda (como modificar un producto, cambiar un módulo o editar el diseño). Si no limpias la caché, los cambios no se verán reflejados para tus clientes.

Desde el panel de administración

Ve a "Parámetros avanzados > Rendimiento". En la parte superior verás un botón que dice "Vaciar la caché". Haz clic ahí y listo.

[TIP] Hazlo siempre después de hacer cualquier cambio importante en tu tienda para asegurarte de que todo funciona correctamente.

Desde el servidor

Si no puedes acceder al panel de administración, también puedes limpiar la caché manualmente. Borra el contenido de las siguientes carpetas:

• /cache/smarty/compile
• /cache/smarty/cache
• /var/cache (en versiones más recientes de PrestaShop)

Puedes hacerlo desde el administrador de archivos de Syspanel o mediante FTP.

Errores comunes y soluciones

Mi tienda muestra contenido desactualizado

Esto significa que la caché no se está limpiando correctamente. Prueba a vaciar la caché desde el panel de administración. Si el problema persiste, desactiva la caché de plantillas temporalmente, haz los cambios que necesites y vuelve a activarla.

La caché no se activa

Si al activar la caché de plantillas no notas ninguna mejora, puede que tu servidor no tenga los permisos necesarios. Comprueba que las carpetas de caché tengan permisos de escritura (755 o 777).

Mi tienda da un error 500 después de activar la caché

Esto suele pasar cuando el sistema de caché que has elegido no está disponible en tu servidor. Vuelve a "Parámetros avanzados > Rendimiento" y cambia la opción a "Sistema de archivos".

[WARNING] Si no puedes acceder al panel de administración por el error 500, tendrás que desactivar la caché manualmente. Edita el archivo config/settings.inc.php y cambia la línea define('_PS_CACHING_SYSTEM_', 'CacheMemcache'); a define('_PS_CACHING_SYSTEM_', 'CacheFs');. También puedes cambiar define('_PS_CACHE_ENABLED_', '1'); a define('_PS_CACHE_ENABLED_', '0'); para desactivarla por completo.

Preguntas frecuentes (FAQ)

¿Qué es mejor, Memcached o Redis?

Redis es más moderno y potente que Memcached. Si tu servidor lo soporta, ve a por Redis. Si no, Memcached es una buena alternativa.

¿Cuánto tiempo debo mantener la caché?

Depende de la frecuencia con la que actualices tu tienda. Si actualizas productos a diario, una caché de 1 hora es suficiente. Si tu tienda es más estática, puedes mantenerla durante 24 horas o más.

¿La caché afecta al SEO?

Sí, y de forma positiva. Una tienda más rápida mejora la experiencia del usuario, lo que reduce la tasa de rebote y aumenta el tiempo de permanencia. Google valora estos factores y puede mejorar tu posicionamiento.

¿Puedo configurar la caché en un hosting compartido?

Sí, puedes activar la caché de plantillas y el sistema de archivos. La caché de memoria (Memcached o Redis) no suele estar disponible en hosting compartido, pero puedes usar los otros sistemas sin problema.

¿Necesito un módulo para la caché de página completa?

Sí, PrestaShop no incluye esta funcionalidad por defecto. Los módulos como NitroPack o PrestaShop Cache Manager son la solución más fácil.

Consejos finales para acelerar PrestaShop

Configurar la caché es solo una parte del rendimiento prestashop. Aquí tienes algunos consejos adicionales:

1. Usa un CDN: Un CDN (Content Delivery Network) distribuye tus archivos estáticos por todo el mundo, reduciendo la distancia entre tu servidor y tus clientes.
2. Optimiza las imágenes: Comprime las imágenes sin perder calidad. Puedes usar herramientas como TinyPNG o módulos como "PrestaShop Image Optimizer".
3. Minifica los archivos CSS y JavaScript: PrestaShop tiene una opción para combinar y minificar estos archivos. La encontrarás en "Parámetros avanzados > Rendimiento".
4. Elige un buen hosting: El hosting es la base de todo. Si tu servidor es lento, ninguna caché te salvará. Busca un hosting con SSD, buena velocidad y soporte técnico.
5. Actualiza PrestaShop: Las versiones más nuevas suelen incluir mejoras de rendimiento. Mantén tu tienda actualizada.

[INFO] Si tienes dudas sobre si tu hosting es el adecuado, pregunta a tu proveedor. Un buen proveedor te asesorará sobre las opciones de caché disponibles en tu plan.

Conclusión

Configurar la caché en PrestaShop es una de las tareas más importantes para acelerar prestashop y mejorar la experiencia de tus clientes. Como has visto, no es complicado, y con los pasos que te he dado puedes hacerlo tú mismo sin necesidad de contratar a un programador.

Recuerda que la caché no es una solución mágica. Es parte de un conjunto de optimizaciones que incluyen un buen hosting, imágenes optimizadas y código limpio. Pero sin duda, es uno de los primeros pasos que debes dar.

Si tienes alguna duda, deja un comentario y te ayudaré encantado. ¡Tu tienda online te lo agradecerá!