Cómo añadir CDN a PrestaShop | Guía paso a paso para rendimiento

¿Tu tienda PrestaShop carga lento? ¿Los clientes se van antes de que se muestren los productos? El problema más común en tiendas online es la velocidad de carga. Y una de las soluciones más efectivas, sin tocar una sola línea de código, es configurar una Red de Entrega de Contenidos (CDN).

En este artículo te explicaré paso a paso qué es un CDN, por qué es fundamental para tu PrestaShop y cómo configurar Cloudflare (la opción más popular y gratuita) para acelerar tu tienda online. Todo explicado de forma sencilla, como si estuviera a tu lado guiándote.

¿Qué es un CDN y por qué tu tienda PrestaShop lo necesita?

Un CDN (Content Delivery Network) es una red de servidores distribuidos geográficamente. En lugar de que todos los visitantes de tu tienda se conecten a un único servidor (el tuyo), el CDN almacena copias de tus archivos estáticos (imágenes, CSS, JavaScript) en múltiples ubicaciones alrededor del mundo.

Cuando un cliente entra a tu tienda desde, por ejemplo, Argentina, el CDN le sirve los archivos desde el servidor más cercano a su ubicación. Esto reduce drásticamente el tiempo de carga.

Beneficios clave para PrestaShop:

Velocidad de carga hasta un 50% más rápida. Google y los usuarios premian esto.
Menor carga en tu servidor. El CDN absorbe gran parte del tráfico.
Mejor experiencia de usuario. Las páginas se renderizan más rápido.
Mejora en el SEO. La velocidad es un factor de ranking.
Protección adicional. Muchos CDN incluyen cortafuegos y mitigación de DDoS.

[INFO] Si tu servidor está en España y tienes clientes en México, un CDN puede reducir el tiempo de carga de 3 segundos a menos de 1 segundo. Esa diferencia convierte visitas en ventas.

¿Qué necesitas para empezar?

Antes de configurar nada, asegúrate de tener lo siguiente:

Acceso a tu panel de control de hosting. Si usas Syspanel (HestiaCP), recuerda que el puerto de acceso es el 2106 (ejemplo: tudominio.com:2106).
Una cuenta en Cloudflare (gratuita). Te tomará 2 minutos crearla.
Acceso a tu panel de administración de PrestaShop.
Conocimiento básico de DNS. No te preocupes, lo explicaré todo.

Paso 1: Crear cuenta en Cloudflare

Ve a cloudflare.com y haz clic en "Sign Up".
Introduce tu correo electrónico y una contraseña.
Cloudflare te pedirá que añadas tu dominio. Escribe exactamente como aparece en tu tienda: mitiendaonline.com (sin www).
Cloudflare escaneará automáticamente tus registros DNS actuales. Esto puede tardar unos segundos.
Una vez escaneado, verás una lista de registros DNS. No modifiques nada todavía. Solo asegúrate de que Cloudflare haya detectado correctamente tu registro A (el que apunta a tu IP de servidor).
Cloudflare te asignará dos servidores DNS (nameservers). Copia estos valores.
Ahora debes ir a tu proveedor de dominio (donde compraste el dominio, como GoDaddy, Namecheap, etc.) y en la sección de DNS, reemplazar los nameservers actuales por los que te dio Cloudflare.
Guarda los cambios. La propagación puede tardar de 1 a 48 horas, pero normalmente es cuestión de minutos.

[TIP] Durante la propagación, tu tienda seguirá funcionando con normalidad. No te preocupes si ves que no carga inmediatamente con Cloudflare.

Paso 2: Configurar Cloudflare para PrestaShop

Una vez que Cloudflare esté activo (verás que en tu cuenta aparece "Active" en el dominio), es hora de ajustar la configuración para que funcione perfectamente con PrestaShop.

2.1. Activar el proxy (nube naranja)

En la pestaña "DNS" de Cloudflare, cada registro tiene un icono de nube. Debe estar naranja (proxy activado) para los registros A y CNAME de tu dominio principal y www. Si está gris, el CDN no está funcionando.

Registro A: mitiendaonline.com → IP de tu servidor (nube naranja).
Registro CNAME: www.mitiendaonline.com → mitiendaonline.com (nube naranja).

2.2. Configurar SSL/TLS

PrestaShop requiere conexión segura para el carrito de compras y los datos de clientes.

Ve a la pestaña "SSL/TLS" en Cloudflare.
Selecciona "Full (strict)" si tienes un certificado SSL válido en tu servidor. Si no, elige "Full".
Activa "Always Use HTTPS" para redirigir todo el tráfico HTTP a HTTPS.
En "Edge Certificates", activa "Automatic HTTPS Rewrites" para evitar errores de contenido mixto.

2.3. Configurar reglas de página (Page Rules)

Las Page Rules son fundamentales para PrestaShop. Te permiten controlar cómo se cachea cada parte de tu tienda.

Ve a "Rules" → "Page Rules" y crea las siguientes reglas (puedes tener hasta 3 en la cuenta gratuita):

Regla 1: Cachear archivos estáticos (máximo rendimiento)

URL: mitiendaonline.com/*.jpg
Configuración: Cache Level = Standard, Edge Cache TTL = 1 mes

Regla 2: No cachear el carrito ni la cuenta de cliente

URL: mitiendaonline.com/*carrito*
Configuración: Cache Level = Bypass, Security Level = High

Regla 3: No cachear la página de inicio de sesión

URL: mitiendaonline.com/*iniciar-sesion*
Configuración: Cache Level = Bypass

[WARNING] Si cacheas páginas dinámicas como el carrito, los clientes verán información de otros usuarios. Siempre excluye las URLs que contengan datos sensibles.

Paso 3: Configurar PrestaShop para usar el CDN

Ahora debes decirle a PrestaShop que está detrás de un CDN y que confíe en las cabeceras que envía Cloudflare.

3.1. Configurar la URL de la tienda

En tu backoffice de PrestaShop, ve a "Parámetros de la tienda" → "Tráfico y SEO".
En "Configuración de SEO y URLs", asegúrate de que la URL de tu tienda use HTTPS (ej: https://mitiendaonline.com).
Guarda los cambios.

3.2. Configurar el rendimiento

Ve a "Parámetros avanzados" → "Rendimiento".
Activa "Combinar archivos CSS" y "Combinar archivos JavaScript".
Activa "Minimizar CSS" y "Minimizar JavaScript".
Activa "Apache optimization" (si usas Apache).
Guarda.

3.3. Configurar el almacenamiento en caché

En "Parámetros avanzados" → "Caché", activa "Usar caché".
Selecciona "Sistema de archivos" (File system) como método de caché.
Guarda.

3.4. Añadir la IP de Cloudflare a la lista de IPs de confianza

Esto evita que PrestaShop bloquee las solicitudes del CDN.

Ve a "Parámetros avanzados" → "Rendimiento" → "IPs de confianza".
Añade las IPs de Cloudflare. Puedes obtener la lista actualizada en: https://www.cloudflare.com/ips-v4
También añade: 127.0.0.1 y la IP de tu servidor.

[INFO] Cloudflare actualiza sus rangos de IP periódicamente. Revisa esta lista cada 6 meses para mantenerla actualizada.

Paso 4: Verificar que el CDN está funcionando

Después de configurar todo, es hora de comprobar que realmente está funcionando.

4.1. Prueba con herramientas online

GTmetrix: Analiza tu URL y mira si aparece "Cloudflare" en la sección de cabeceras.
Pingdom Tools: Muestra el tiempo de carga desde diferentes ubicaciones.
WhatIsMyIP.net: Si visitas tu web desde el navegador y luego haces ping a tu dominio, la IP que veas debe ser de Cloudflare, no la de tu servidor.

4.2. Comprobar cabeceras HTTP

Usa la consola de desarrollador de Chrome (F12 → pestaña Network → recarga la página). Busca una imagen o archivo CSS y mira las cabeceras de respuesta. Deberías ver:

cf-cache-status: HIT (indica que se sirvió desde la caché de Cloudflare)
server: cloudflare

4.3. Probar desde diferentes ubicaciones

Usa servicios como "Check Website Location" o "GeoPeeker" para ver cómo carga tu tienda desde Estados Unidos, Japón o Australia. Si antes tardaba 5 segundos y ahora 2, el CDN está funcionando.

Solución de problemas comunes

El carrito no funciona correctamente

Si los clientes no pueden añadir productos al carrito, probablemente Cloudflare está cacheando páginas dinámicas. Revisa tus Page Rules y asegúrate de que las URLs del carrito y checkout están configuradas como "Bypass".

La tienda se ve sin estilos (CSS roto)

Esto suele pasar por contenido mixto (HTTP/HTTPS). Asegúrate de que en PrestaShop todo esté configurado con HTTPS y que Cloudflare tenga activado "Automatic HTTPS Rewrites".

Error 524: Timeout de origen

Cloudflare espera respuesta de tu servidor. Si tu servidor es lento, puede dar timeout. Soluciones:

Aumentar el tiempo de espera en Cloudflare (en Speed → Optimization).
Mejorar el rendimiento del servidor (más RAM, PHP más rápido).
Usar un plugin de caché como "PrestaShop Cache" o "LiteSpeed Cache".

No puedo acceder al panel de administración

Si después de activar Cloudflare no puedes entrar a tudominio.com/admin, prueba lo siguiente:

Accede temporalmente usando la IP directa de tu servidor.
En Cloudflare, crea una Page Rule para tudominio.com/admin* con "Security Level = High" y "Cache Level = Bypass".
Si usas Syspanel (HestiaCP), el puerto de acceso es el 2106, no el 443.

Preguntas frecuentes (FAQ)

¿Es gratis configurar Cloudflare con PrestaShop?

Sí, el plan gratuito de Cloudflare es más que suficiente para la mayoría de tiendas PrestaShop pequeñas y medianas. Incluye CDN, SSL básico, protección DDoS y 3 Page Rules.

¿Puedo usar otro CDN que no sea Cloudflare?

Sí, existen opciones como StackPath, KeyCDN, BunnyCDN o Amazon CloudFront. Sin embargo, Cloudflare es el más fácil de configurar y tiene una excelente integración gratuita.

¿Afecta el CDN al SEO de mi tienda?

Positivamente. Google premia la velocidad de carga y la seguridad (HTTPS). Un CDN bien configurado mejora ambos aspectos.

¿Qué hago si mi tienda ya tiene un certificado SSL?

No pasa nada. Cloudflare puede trabajar con tu certificado existente. Solo asegúrate de seleccionar "Full (strict)" en la configuración SSL/TLS.

¿Cuánto tiempo tarda en notarse la mejora?

La velocidad mejora inmediatamente después de activar el proxy (nube naranja). La propagación DNS puede tardar hasta 48 horas, pero normalmente es cuestión de minutos. La diferencia en tiempos de carga la notarás en las primeras horas.

¿Puedo desactivar el CDN temporalmente?

Sí, en Cloudflare puedes poner la nube en gris (solo DNS) para cualquier registro. Esto desactiva el CDN para ese subdominio sin perder la configuración.

Conclusión

Configurar un CDN en PrestaShop es una de las inversiones de tiempo más rentables para acelerar tu tienda online. Con Cloudflare y los pasos que te he dado, puedes mejorar la velocidad global de carga entre un 30% y un 60%, sin necesidad de conocimientos técnicos profundos.

Recuerda que la velocidad no solo mejora la experiencia de usuario, sino que también impacta directamente en tus ventas y en el posicionamiento en buscadores. Los clientes no esperan, y Google tampoco.

Resumen de acciones clave:

Crea una cuenta gratuita en Cloudflare.
Cambia los nameservers de tu dominio.
Configura SSL/TLS en modo Full (strict).
Crea Page Rules para cachear estáticos y excluir el carrito.
Ajusta PrestaShop para confiar en el CDN.
Verifica con herramientas de velocidad.

Si tienes dudas durante el proceso, vuelve a leer los pasos con calma. Y si algo no funciona, revisa las Page Rules y la configuración SSL. ¡Tu tienda PrestaShop te lo agradecerá con más clientes y mejores ventas!

[TIP] Después de configurar el CDN, monitoriza la velocidad durante una semana. Puedes usar Google PageSpeed Insights o GTmetrix para ver la evolución. Si ves alguna anomalía, ajusta las Page Rules.