Problemas de caché: Redis/Memcached y scripts JS con CCC

ivan92

¡Hola a todos! Estoy teniendo un auténtico dolor de cabeza con la configuración de caché avanzada y el rendimiento en mi tienda PrestaShop.

He intentado activar Redis o Memcached desde Parámetros Avanzados -> Rendimiento, pero la tienda se cae o va lentísima. PHP ext-redis está instalado, pero parece que no lo coge bien. El mayor problema, sin embargo, lo tengo con la opción de Combinar, Comprimir y Caché (CCC) de Smarty. Cuando la activo, varios scripts JavaScript de módulos de terceros dejan de funcionar correctamente. Creo que la minificación o la combinación los rompe.

Por ejemplo, tengo un módulo custom para un banner de cookies que añade un JS en el header, y con CCC activo, el banner no se muestra. Así es como lo estoy añadiendo en el hookHeader de mi módulo:

class MyCookieBanner extends Module
{
    public function __construct()
    {
        // ... (constructor stuff)
        parent::__construct();
        $this->bootstrap = true;
        $this->displayName = $this->l('Banner de Cookies Personalizado');
        $this->description = $this->l('Módulo para gestionar el consentimiento de cookies.');
    }

¿Alguna idea de cómo puedo estabilizar la caché avanzada y hacer que el CCC no rompa mis JS? Estoy en PrestaShop 1.7.7.4.

silvia_iberia

¡Uf, clásico problema con el CCC! @ivan92, entiendo perfectamente lo que te pasa. Para lo de Redis/Memcached, ¿has comprobado si en tu php.ini tienes bien configurados los session.save_handler y session.save_path si estás intentando usarlo para sesiones también? A veces el problema no es solo la extensión, sino la configuración del demonio de Redis en el servidor o permisos. Para PrestaShop 1.7.7.4, las opciones de caché en Parámetros Avanzados -> Rendimiento son bastante sensibles.

En cuanto a los JS, casi siempre es un problema de orden de carga o de variables globales que se pierden con la minificación. ¿Has revisado la consola del navegador (F12) cuando tienes el CCC activado? Busca errores de Uncaught TypeError o ReferenceError.

jaimeiberia

@silvia_iberia tiene razón, la consola es tu mejor amiga aquí. Muchas veces, con CCC, los scripts que usan jQuery pero se cargan antes que jQuery (o esperan que ciertas variables globales existan) se rompen. PrestaShop intenta optimizar, pero no siempre es compatible con todos los JS de terceros.

Para el problema de Redis, ¿estás usando un socket o host/puerto? En el back office, en Parámetros Avanzados -> Rendimiento, cuando seleccionas Redis, te pide la dirección IP o el socket, y el puerto. Asegúrate de que el puerto sea el correcto (normalmente 6379) y que el firewall del servidor no lo esté bloqueando. También, si usas Redis para caché de PrestaShop, es importante que la extensión ext-redis esté configurada para comunicarse con la instancia de Redis correcta.

Milo

Hola @ivan92, vamos a desglosar esto porque son dos problemas comunes pero con soluciones distintas.

Para la Caché Avanzada (Redis/Memcached):
Como ya te han comentado @silvia_iberia y @jaimeiberia, la clave está en el entorno del servidor y la configuración de PHP. Asegúrate de lo siguiente:

Extensiones PHP: Confirma que ext-redis o ext-memcached estén instaladas y habilitadas en tu php.ini para la versión de PHP que usa tu PrestaShop (7.1-7.3 en tu caso).
Servidor de Caché: El servicio de Redis o Memcached debe estar corriendo en tu servidor y ser accesible desde el proceso de PHP. Verifica los logs del servidor de Redis/Memcached. Si usas un host/puerto (ej. 127.0.0.1:6379), asegúrate de que no haya un firewall bloqueando la conexión.
Configuración de PrestaShop: En el Back Office, ve a Parámetros Avanzados -> Rendimiento. En la sección "Caché", selecciona "Sistema de caché".
- Si eliges Memcached, añade tus servidores (IP/hostname y puerto).
- Si eliges Redis, introduce la dirección IP/hostname, puerto y, si lo tienes, una contraseña.
- Si estás usando sockets (menos común en configuraciones simples), la ruta del socket debe ser correcta.

Para el CCC y Scripts JavaScript:
El problema que describes con cookiebanner.js es muy típico. El CCC concatena y minifica los scripts, lo que puede romper el orden de ejecución, el alcance de las variables o el tiempo de carga del DOM. La solución más robusta es cargar los scripts que manipulan el DOM al final de la página y/o asegurar que se ejecuten solo cuando el DOM esté completamente cargado.

Tu hookHeader actual carga el script en la sección <head>, lo que puede causar problemas si el DOM no está listo. Te sugiero modificar tu hookHeader para que el script se cargue en el <footer> de la página. PrestaShop 1.7.x permite especificar la posición al añadir el script:

public function hookHeader()
{
    // Cargar el script en el footer para asegurar que el DOM esté listo
    // 'position' => 'bottom' asegura que se cargue al final del <body>.
    // 'priority' puede ser útil si tienes muchos scripts en el footer y necesitas un orden específico.
    $this->context->controller->addJS(
        $this->_path.'views/js/cookiebanner.js',
        false, // 'cache' (boolean) - Normalmente false para scripts de módulos.
        ['position' => 'bottom', 'priority' => 10] // Carga en el footer con prioridad 10
    );

Con este cambio, cookiebanner.js se cargará justo antes del cierre de la etiqueta </body>, cuando el DOM ya está completamente disponible, lo que debería resolver la mayoría de los problemas de conflicto con CCC. Prueba esto y nos dices.

ivan92

¡@Milo, muchísimas gracias por la explicación tan detallada! He seguido tus pasos para la configuración de Redis, y efectivamente, el problema era una mezcla de permisos en el servidor y una IP de Redis incorrecta en el panel de PrestaShop. Ahora la caché Redis funciona de maravilla y la tienda va mucho más fluida.

Y respecto al cookiebanner.js, la solución de añadir el script en el footer con ['position' => 'bottom'] ha sido clave. El banner vuelve a aparecer perfectamente incluso con el CCC activado. Es un pequeño cambio pero ha resuelto mi dolor de cabeza. ¡Gracias de nuevo por la ayuda tan directa y precisa!