Configurar CDN en PrestaShop con Syspanel | Guía paso a paso

¿Tu tienda PrestaShop va lenta? ¿Las imágenes tardan una eternidad en cargar y los clientes se van antes de comprar? No te preocupes, es un problema muy común. La buena noticia es que tienes una solución potente y fácil de implementar: un CDN (Content Delivery Network).

En este artículo, te voy a guiar paso a paso para que configures CDN PrestaShop Syspanel desde cero. Verás que no necesitas ser un experto en servidores. Con Syspanel CDN (el panel de control que antes se conocía como HestiaCP, y que ahora gestionas por el puerto 2106), tu tienda volará. Vamos a por ello.

¿Por qué tu PrestaShop necesita un CDN? (La teoría en 2 minutos)

Antes de meter mano, entendamos por qué esto es tan importante para tu negocio.

¿Qué es un CDN?
Imagina que tu tienda física está en Madrid. Un cliente en Buenos Aires tarda mucho en llegar porque tiene que cruzar el Atlántico. Un CDN es como abrir una pequeña tienda (un servidor) en Buenos Aires, que tiene una copia de tus productos (imágenes, CSS, JavaScript). Así, el cliente de Buenos Aires carga la página desde su servidor local, no desde Madrid.

¿Qué ganas con esto?

Velocidad de carga brutal: Las páginas se renderizan en menos de 2 segundos. Google ama esto.
Mejor experiencia de usuario: Tus clientes no se impacientan. Menos rebote, más ventas.
Ahorro de ancho de banda: Tu servidor principal deja de trabajar tanto, porque el CDN sirve los archivos estáticos.
Seguridad extra: Muchos CDN ofrecen protección contra ataques DDoS.

¿Cómo se relaciona con Syspanel?
Syspanel es el panel de control de tu servidor. Desde ahí gestionas tu hosting, bases de datos y, por supuesto, el CDN. Al ser una versión mejorada de HestiaCP, es súper intuitivo. Solo necesitas acceder a tu dominio por el puerto 2106 (ejemplo: tudominio.com:2106) y seguir estos pasos.

Requisitos previos (No te saltes esto)

Para que todo funcione, necesitas tener estas tres cosas claras:

Acceso a Syspanel: Debes tener usuario y contraseña de administrador. Accede a tudominio.com:2106.
PrestaShop instalado y funcionando: Tu tienda debe estar operativa, aunque sea en localhost.
Un servicio CDN externo (o integrado): Syspanel suele integrar KeyCDN o Cloudflare. En este tutorial usaremos Cloudflare por ser gratuito y universal, pero los pasos son similares para cualquier CDN.

[INFO] Si tu hosting ya incluye CDN (como KeyCDN), los pasos serán casi idénticos. Lo importante es que entiendas el flujo: DNS -> CDN -> Servidor.

Paso 1: Configurar el CDN externo (Cloudflare)

Vamos a empezar por fuera, es decir, en el servicio CDN.

Crea una cuenta en Cloudflare (es gratis).
Añade tu dominio (ej: mitiendaprestashop.com). Cloudflare escaneará tus registros DNS actuales.
Revisa los registros DNS. Asegúrate de que el registro A (que apunta a la IP de tu servidor) y el CNAME (para www) estén presentes. Cloudflare los importa automáticamente.
Cambia el estado de la nube. Al lado de cada registro DNS, verás un icono de nube. Actívalo (se pondrá naranja). Esto significa que el tráfico pasará por Cloudflare.
Elige un plan. Con el gratuito es suficiente para empezar.
Actualiza los nameservers. Cloudflare te dará dos nombres de servidor (ej: ns1.cloudflare.com y ns2.cloudflare.com). Debes ir a tu registrador de dominios (donde compraste el dominio) y cambiar los nameservers por estos. Este cambio puede tardar de 5 minutos a 24 horas en propagarse.

[WARNING] Mientras los nameservers se propagan, tu tienda puede estar inaccesible para algunos usuarios. Haz este cambio en horas de bajo tráfico.

Paso 2: Configurar Syspanel para el CDN

Ahora vamos a Syspanel (puerto 2106). Aquí configuraremos el servidor para que sepa que el tráfico viene del CDN y no directamente de los visitantes.

Accede a Syspanel: Abre tudominio.com:2106 e inicia sesión.
Ve a la sección de tu dominio: Busca la lista de sitios web y haz clic en el nombre de tu PrestaShop.
Activa el soporte de IP real (opcional pero recomendado): En la pestaña "Avanzado" o "Configuración", busca una opción que diga "Trusted Proxies" o "IP del CDN". Aquí debes añadir la IP de Cloudflare (o de tu CDN). Puedes obtener la lista de IPs de Cloudflare en su web. Esto es crucial para que PrestaShop detecte la IP real de tus visitantes (para geolocalización, logs, etc.).
Habilita la compresión Gzip (si no lo está): En la misma sección, activa la compresión Gzip. El CDN se llevará archivos ya comprimidos, ahorrando aún más tiempo.

[TIP] Si no ves la opción de "Trusted Proxies", no te preocupes. Muchas veces el CDN lo maneja automáticamente. Lo importante es que el siguiente paso (PrestaShop) esté bien configurado.

Paso 3: Configurar PrestaShop para usar el CDN

Este es el paso más técnico, pero te lo explico como si fuera un juego.

Accede al Back Office de PrestaShop: Ve a tudominio.com/adminXXXXX (donde XXXXX es tu código de seguridad).
Ve a Parámetros de la tienda > Rendimiento.
Activa la opción "Usar CDN": Busca el apartado "Content Delivery Network (CDN)" y marca la casilla "Sí".
Configura la URL del CDN:
- En el campo "URL del CDN", tienes que poner algo como: https://cdn.mitiendaprestashop.com
- IMPORTANTE: No uses la URL genérica de Cloudflare (ej: https://mitiendaprestashop.com). Debes crear un subdominio (como cdn.tudominio.com) que apunte a tu servidor pero que esté proxyado por Cloudflare. Luego, en PrestaShop, pones la URL de ese subdominio.
- ¿Por qué? Porque si pones el dominio principal, el CDN se comería el tráfico de la administración y podría causar problemas.

¿Cómo crear el subdominio cdn.tudominio.com?

En Syspanel (puerto 2106), ve a Web > Añadir dominio.
Crea un nuevo dominio llamado cdn.tudominio.com. Asígnale la misma IP y la misma carpeta raíz que tu tienda principal (por ejemplo, public_html). No necesitas instalar nada aquí.
Ve a Cloudflare y añade un registro CNAME para cdn que apunte a tudominio.com. Activa la nube naranja.
Espera unos minutos a que se propague.

Ahora, en PrestaShop:

En el campo "URL del CDN", escribe: https://cdn.tudominio.com
Activa "Forzar SSL en el CDN" (si tienes SSL, que deberías).
Guarda la configuración.

[INFO] Si no quieres crear un subdominio, puedes usar la URL directa de tu CDN (por ejemplo, https://xxxxx.cloudfront.net o https://xxxxx.keycdn.com). Pero el subdominio es más limpio y profesional.

Paso 4: Optimizar el rendimiento desde Syspanel

Además del CDN, desde Syspanel puedes hacer algunos ajustes extra para que PrestaShop velocidad sea máxima.

Activa la caché de página estática: En Syspanel, ve a Servidor web > Nginx > Caché. Actívala para tu dominio. Esto guarda copias de las páginas en el servidor.
Usa PHP 8.x: Ve a Servidor > PHP y asegúrate de que tu PrestaShop usa PHP 8.1 o superior. Es mucho más rápido.
Activa la compresión Brotli (si tu CDN lo soporta): Es más eficiente que Gzip. En Syspanel, busca la opción "Enable Brotli" en la configuración de Nginx.

Paso 5: Probar que todo funciona

No te confíes. Vamos a comprobarlo.

Limpia la caché de PrestaShop: En el Back Office, ve a Parámetros de la tienda > Rendimiento y haz clic en "Limpiar caché".
Usa herramientas online:
- GTmetrix o Google PageSpeed Insights: Introduce la URL de tu tienda. Busca que los recursos (imágenes, CSS, JS) se sirvan desde cdn.tudominio.com o desde la IP de Cloudflare.
- Pingdom Tools: Mide el tiempo de carga desde diferentes ubicaciones. Deberías ver una mejora notable.
Revisa los encabezados HTTP: Usa herramientas como curl o la consola de desarrollador de Chrome (pestaña Network). Busca el encabezado cf-cache-status (si usas Cloudflare) o similar. Si ves HIT, significa que el CDN está sirviendo el contenido desde su caché.

[WARNING] Si ves MISS o DYNAMIC, puede que el CDN no esté cacheando correctamente. Revisa que las reglas de página en Cloudflare estén configuradas para cachear archivos estáticos (imágenes, CSS, JS) durante largo tiempo (ej: 1 mes).

Preguntas Frecuentes (FAQ)

¿Puedo usar el CDN de Syspanel sin Cloudflare?
Sí. Syspanel suele integrar KeyCDN directamente. Si tu hosting lo ofrece, los pasos son casi idénticos: creas un subdominio, configuras la URL en PrestaShop y activas la caché desde Syspanel.

¿El CDN afecta al panel de administración de PrestaShop?
No, si configuras bien el subdominio cdn.tudominio.com. El tráfico de /admin no pasa por el CDN. Por eso es importante no usar el dominio principal como URL del CDN.

¿Qué hago si mi tienda se rompe después de activar el CDN?
Desactívalo temporalmente en PrestaShop (pon "No" en "Usar CDN") y limpia la caché. Luego, revisa que el subdominio cdn.tudominio.com esté bien creado en Syspanel y que el registro DNS en Cloudflare esté proxyado (nube naranja). Si el problema persiste, comprueba que los permisos de los archivos en public_html sean correctos (755 para directorios, 644 para archivos).

¿El CDN acelera también el proceso de pago?
Indirectamente, sí. Un CDN acelera la carga de imágenes y scripts del carrito. Sin embargo, el proceso de pago (checkout) suele ser dinámico y no se cachea. Para mejorarlo, optimiza la base de datos y usa un módulo de caché como PrestaShop Cache o Nginx Cache.

¿Necesito modificar el .htaccess?
Generalmente no. Syspanel y Cloudflare manejan las reglas de caché automáticamente. Si quieres forzar la caché de ciertos archivos, puedes añadir reglas en Cloudflare (pestaña "Caching" > "Page Rules") o en el panel de Syspanel.

¿Cuánto tiempo tarda en notarse la mejora?
Inmediatamente después de limpiar la caché. Si los nameservers ya se propagaron (lo que puede tardar hasta 24 horas), verás la mejora en la primera carga. Las herramientas de test lo reflejarán al instante.

Conclusión: Tu tienda vuela con Syspanel CDN

Configurar un CDN PrestaShop Syspanel no es un lujo, es una necesidad para cualquier tienda online que quiera vender. La velocidad de carga es el factor número uno para el SEO y la conversión.

Recuerda, el proceso es sencillo:

Activa Cloudflare (o el CDN que prefieras).
Crea el subdominio cdn.tudominio.com en Syspanel (puerto 2106).
Configura PrestaShop para que use esa URL.
Ajusta la caché desde Syspanel y Cloudflare.
Prueba con herramientas online.

Si sigues estos pasos, tu PrestaShop velocidad mejorará drásticamente. Tus clientes lo notarán (y te lo agradecerán con compras). Y tú, como administrador, verás cómo el servidor respira más tranquilo.

¿Tienes dudas? Déjalas en los comentarios (si este artículo está en un blog) o consulta la documentación de Syspanel en tudominio.com:2106. ¡Buena suerte con tu tienda!