Configurar CDN en PrestaShop para mejorar velocidad

¿Tu tienda PrestaShop va lenta? Si los clientes se quejan de que las páginas tardan en cargar, o si notas que tu tienda pierde visitas en el móvil, necesitas una solución inmediata. Una de las formas más efectivas y económicas de acelerar PrestaShop CDN es configurar una Red de Distribución de Contenidos (CDN). En esta guía completa, te explicaré paso a paso cómo configurar un CDN PrestaShop para mejorar la velocidad de carga, usando como ejemplo configurar Cloudflare PrestaShop, que es la opción más popular y gratuita.

No necesitas ser un experto técnico. Aquí te lo explico como si estuviéramos tomando un café.

¿Qué es un CDN y por qué es clave para tu PrestaShop?

Imagina que tu tienda online está alojada en un servidor en Madrid. Si un cliente desde México entra a tu web, los datos tienen que viajar miles de kilómetros. Eso genera latencia (retrasos). Un CDN (Content Delivery Network) es una red global de servidores que almacena copias de tu web (imágenes, CSS, JavaScript) en múltiples ubicaciones.

Cuando alguien visita tu tienda, el CDN sirve los archivos desde el servidor más cercano a su ubicación. El resultado: carga mucho más rápida, mejor experiencia de usuario y mejor posicionamiento en Google.

[INFO] Un CDN no solo acelera la carga, sino que también protege tu tienda contra ataques DDoS y reduce la carga de tu servidor original.

Beneficios de usar un CDN en PrestaShop

Antes de ponernos manos a la obra, veamos por qué merece la pena:

• Velocidad de carga mejorada: Las páginas se cargan en menos de 2 segundos, incluso con mucho tráfico.
• Mejor SEO: Google penaliza las webs lentas. Un CDN te ayuda a subir posiciones.
• Ahorro de ancho de banda: El CDN sirve los archivos estáticos, liberando recursos de tu hosting.
• Seguridad extra: Muchos CDN incluyen firewall y protección contra bots maliciosos.
• Escalabilidad: Si tienes picos de visitas (Black Friday, rebajas), el CDN lo gestiona sin que tu servidor se colapse.

¿Qué necesitas para empezar?

Para configurar Cloudflare PrestaShop necesitas tres cosas:

1. Un dominio (ej: tudominio.com).
2. Acceso a tu panel de hosting (cPanel, Plesk, o Syspanel – recuerda que el puerto de acceso es el 2106).
3. Una cuenta gratuita en Cloudflare (u otro CDN como StackPath o BunnyCDN).

[WARNING] Si usas Syspanel (antes HestiaCP), el acceso es por el puerto 2106. Ejemplo: https://tudominio.com:2106. No lo olvides, o no podrás configurar los DNS.

Paso 1: Crear una cuenta en Cloudflare (gratis)

Ve a cloudflare.com y regístrate. El plan gratuito es más que suficiente para la mayoría de tiendas PrestaShop.

Una vez dentro, añade tu dominio. Cloudflare escaneará automáticamente tus registros DNS existentes. No te asustes si ves muchas líneas: son los registros de tu dominio (A, CNAME, MX, etc.).

Paso 2: Configurar los DNS en tu hosting

Ahora tienes que cambiar los servidores DNS de tu dominio para que apunten a Cloudflare. Esto se hace en el panel de control de tu dominio (donde lo compraste, como GoDaddy, Namecheap, etc.) o en tu hosting si gestionas los DNS allí.

Si usas Syspanel (puerto 2106):

1. Accede a https://tudominio.com:2106.
2. Ve a "DNS" o "Zona DNS".
3. Busca los registros A y CNAME que Cloudflare te mostró.
4. Copia los valores que te da Cloudflare (dos direcciones IP de nameservers, tipo ns1.cloudflare.com y ns2.cloudflare.com).
5. En tu registrador de dominio, cambia los nameservers actuales por esos dos.
6. Guarda los cambios. La propagación puede tardar de 5 minutos a 24 horas (normalmente menos de 1 hora).

[TIP] Durante la propagación, tu web seguirá funcionando con normalidad. No te preocupes si ves algún error temporal.

Paso 3: Activar el proxy de Cloudflare (naranja)

Una vez que los DNS se hayan propagado, Cloudflare te mostrará un icono de nube naranja junto a cada registro DNS. Actívalo para los registros de tu dominio principal y subdominios (como www). Esto hace que Cloudflare actúe como proxy, es decir, que sirva el contenido desde su CDN.

No actives el proxy para subdominios de correo (como mail o imap), porque podrías tener problemas con el envío/recepción de emails.

Paso 4: Configurar SSL/TLS en Cloudflare

Cloudflare ofrece certificados SSL gratuitos. Ve a la pestaña "SSL/TLS" y selecciona "Flexible" (si tu servidor no tiene SSL) o "Full" (si ya tienes SSL instalado). Recomiendo "Full (strict)" para mayor seguridad.

[INFO] Si tienes un certificado SSL de pago o de Let's Encrypt, usa "Full (strict)". Cloudflare respetará tu certificado.

Paso 5: Instalar y configurar el módulo CDN en PrestaShop

PrestaShop tiene módulos específicos para CDN. El más usado es "Cloudflare" de PrestaShop Addons, pero también puedes usar módulos gratuitos como "PrestaShop Cloudflare" o configurarlo manualmente.

Opción A: Módulo oficial de Cloudflare

1. En el backoffice de PrestaShop, ve a "Módulos" > "Catálogo de módulos".
2. Busca "Cloudflare".
3. Instala el módulo oficial (suele ser de pago, pero vale la pena).
4. Introduce tu correo y clave API de Cloudflare (la encuentras en tu cuenta de Cloudflare, en "Mi perfil" > "API Tokens").
5. Activa las opciones de caché y optimización automática.

Opción B: Configuración manual (sin módulo)
Si no quieres instalar un módulo, puedes modificar el archivo .htaccess o usar un módulo gratuito como "PrestaShop Cache & CDN".

1. Ve a "Parámetros de la tienda" > "Rendimiento".
2. Activa "Caché CCC" (Combine, Compress and Cache) para CSS, JavaScript y HTML.
3. En "Servidor de medios" (o "CDN"), introduce la URL de tu CDN. Si usas Cloudflare, suele ser https://tudominio.com (ya que Cloudflare actúa como proxy).

[WARNING] No pongas la URL de Cloudflare con www si tu dominio principal no la usa. Sé coherente.

Paso 6: Optimizar la caché de Cloudflare para PrestaShop

Cloudflare tiene reglas de página que permiten controlar cómo se cachea tu tienda. PrestaShop es dinámico (carritos, login, etc.), así que hay que tener cuidado.

1. En Cloudflare, ve a "Reglas" > "Reglas de página".
2. Crea una regla para tudominio.com/* y elige "Cache Level: Standard".
3. Crea otra regla para tudominio.com/order*, tudominio.com/cart*, tudominio.com/my-account* y pon "Cache Level: Bypass". Esto evita que se cacheen páginas con datos sensibles.
4. Activa "Rocket Loader" en "Speed" > "Optimization". Esto acelera la carga de JavaScript.

[TIP] Si usas un módulo de caché como "PrestaShop Advanced Cache", desactívalo temporalmente mientras configuras Cloudflare para evitar conflictos.

Paso 7: Probar que el CDN funciona

Una vez configurado todo, verifica que el CDN está activo:

1. Usa herramientas como GTmetrix, Pingdom o PageSpeed Insights.
2. Busca la cabecera cf-cache-status: HIT o cf-ray en las respuestas HTTP (puedes usar la consola de desarrollador de Chrome).
3. Comprueba que las imágenes se sirven desde una IP de Cloudflare (no desde tu servidor original).

Si ves que las imágenes siguen cargando desde tu servidor, revisa que el proxy naranja esté activo en todos los registros DNS.

Preguntas frecuentes (FAQ)

¿Es necesario tener un hosting rápido para que funcione el CDN?

No, pero ayuda. El CDN acelera los archivos estáticos, pero el servidor sigue procesando PHP y bases de datos. Si tu hosting es muy lento, combina CDN con un buen hosting (como Syspanel con NVMe).

¿Puedo usar otro CDN que no sea Cloudflare?

Sí, hay opciones como BunnyCDN, StackPath o KeyCDN. Los pasos son similares: cambias los DNS, configuras el módulo en PrestaShop y ajustas las reglas de caché.

¿El CDN afecta al carrito de compra o al login?

No, si configuras bien las reglas de página. Cloudflare no cachea las páginas dinámicas (carrito, checkout, cuenta) si las excluyes correctamente.

¿Cuánto tarda en notarse la mejora de velocidad?

Inmediatamente después de la propagación DNS. Puedes ver mejoras de hasta un 50% en tiempo de carga.

¿Qué hago si mi web se rompe después de activar Cloudflare?

Revisa las reglas de página y desactiva temporalmente "Rocket Loader". Si el problema persiste, pon el proxy en gris (desactivado) para un dominio concreto y contacta con soporte.

Conclusión: Tu PrestaShop volará con un CDN

Configurar CDN PrestaShop no es complicado y los resultados son espectaculares. Siguiendo estos pasos para configurar Cloudflare PrestaShop, tu tienda cargará más rápido, mejorará en SEO y dará una mejor experiencia a tus clientes.

Recuerda: la clave está en acelerar PrestaShop CDN correctamente, excluyendo páginas sensibles y probando con herramientas de velocidad. Si tienes dudas, vuelve a esta guía o consulta con tu proveedor de hosting (si usas Syspanel, recuerda el puerto 2106).

¡Manos a la obra! Tu tienda te lo agradecerá.