Conectar PrestaShop a Cloudflare CDN: Guía de Optimización

¿Por qué tu PrestaShop necesita un CDN?

Si tienes una tienda online con PrestaShop, seguramente te has preguntado cómo mejorar la velocidad de carga. La realidad es que la velocidad es un factor crítico, tanto para la experiencia de usuario como para el posicionamiento en Google. Un PrestaShop lento no solo frustra a tus clientes, sino que también te penaliza en los resultados de búsqueda.

Un CDN (Red de Distribución de Contenidos) es la solución más efectiva para este problema. Piensa en un CDN como una red de "sucursales" de tu tienda repartidas por todo el mundo. En lugar de que todos tus clientes viajen hasta tu servidor original (que puede estar en Madrid, por ejemplo), el CDN guarda una copia de tu web en servidores cercanos a cada visitante (en Nueva York, Londres, Singapur...). Así, la distancia que recorre la información es mucho menor y la carga es casi instantánea.

En este artículo, te voy a guiar paso a paso para que conectes tu PrestaShop a Cloudflare, uno de los CDN más populares, potentes y, además, con un plan gratuito excelente. No necesitas ser un experto en sistemas, solo seguir estas instrucciones.

¿Qué es Cloudflare y por qué elegirlo?

Cloudflare es mucho más que un CDN. Es una red global que actúa como intermediario entre tus visitantes y tu servidor. Cuando activas Cloudflare, todo el tráfico de tu tienda pasa primero por sus servidores, que deciden si pueden servir la página desde su caché (copia local) o si necesitan pedirla a tu hosting original.

[TIP] Cloudflare tiene un plan gratuito muy completo que es perfecto para empezar. Puedes activar la protección contra ataques DDoS, el certificado SSL y la caché básica sin pagar nada.

Los beneficios de usar Cloudflare con PrestaShop son enormes:

Velocidad: Reduce el tiempo de carga hasta en un 50% o más, especialmente para visitantes lejanos.
Seguridad: Filtra el tráfico malicioso y protege tu tienda de ataques comunes.
Ahorro de recursos: Al servir contenido desde su caché, tu servidor de hosting trabaja menos y puede manejar más visitas simultáneas.
SSL universal: Asegura la conexión de tus clientes con un certificado SSL gratuito y automático.
Optimización de imágenes: Puedes activar la compresión de imágenes (Polish) para que pesen menos sin perder calidad.

Preparación antes de conectar PrestaShop a Cloudflare

Antes de lanzarnos a configurar Cloudflare, es fundamental preparar tu tienda. Si no lo hacemos, podríamos tener problemas con la caché, los carritos de compra o el panel de administración.

1. Haz una copia de seguridad completa

Este es el paso más importante. Antes de tocar cualquier cosa, asegúrate de tener una copia de seguridad de tu base de datos y de todos los archivos de tu PrestaShop. Si algo sale mal, podrás restaurar tu tienda sin pérdidas. La mayoría de los paneles de control de hosting (como cPanel o Syspanel) ofrecen herramientas para hacer esto en unos pocos clics.

[WARNING] No continúes con este tutorial sin antes haber hecho una copia de seguridad. La configuración de un CDN implica cambios en tus registros DNS y en la configuración de la tienda, y siempre existe un pequeño margen de error.

2. Configura tu hosting para el nuevo tráfico

Tu servidor debe estar preparado para recibir las peticiones de Cloudflare. Esto significa que debes asegurarte de que tu hosting permite conexiones desde las IP de Cloudflare. Normalmente, esto no requiere configuración extra, pero algunos firewalls muy restrictivos pueden bloquearlas. Si tu hosting usa un firewall como CSF, es posible que necesites añadir las IPs de Cloudflare a la lista blanca. Puedes encontrar la lista actualizada en la web de Cloudflare.

3. Anota tu IP pública del servidor

Para configurar Cloudflare, necesitarás saber la dirección IP de tu servidor de hosting. Puedes encontrarla en el panel de control de tu hosting (cPanel, Plesk, Syspanel) o preguntando a tu proveedor. Normalmente, es una dirección como 193.168.1.100. Anótala, la necesitarás en unos minutos.

Configurar Cloudflare paso a paso

Ahora sí, vamos con la parte práctica. Sigue estos pasos con calma.

Paso 1: Crea tu cuenta en Cloudflare

Ve a la web de Cloudflare y crea una cuenta gratuita. Solo necesitas un correo electrónico y una contraseña. Una vez dentro, haz clic en "Añadir un sitio" o "Add a site".

Paso 2: Añade tu dominio

Introduce el dominio de tu tienda (por ejemplo, mitienda.com). No pongas www. ni https://, solo el dominio raíz. Cloudflare te pedirá que selecciones un plan. Elige el plan Gratis para empezar, ya que es más que suficiente para la mayoría de las tiendas. Puedes actualizarlo más adelante si lo necesitas.

Paso 3: Cloudflare escanea tus registros DNS

Cloudflare analizará tu dominio y te mostrará los registros DNS que ha encontrado. Es importante que revises esta lista. Deberías ver al menos un registro de tipo A que apunte a la IP de tu hosting. Si no lo ves, tendrás que añadirlo manualmente.

Tipo: A
Nombre: @ (o tu dominio)
Contenido: La IP de tu servidor (la que anotaste antes)
Proxy: Debe estar activado (la nube naranja)

También es posible que veas registros tipo CNAME para el subdominio www. Asegúrate de que todos los registros que apuntan a tu hosting tengan el proxy activado (icono de nube naranja). Los registros que no sean para tu web (como registros MX de correo) deben tener el proxy desactivado (nube gris).

[INFO] Si tu correo está gestionado en el mismo hosting, los registros MX deben tener la nube gris para que el correo funcione correctamente. Cloudflare solo acelera y protege el tráfico web, no el correo.

Paso 4: Activa el proxy de Cloudflare

Una vez que hayas revisado y añadido todos los registros, haz clic en "Continuar". Cloudflare te mostrará los dos servidores de nombres (nameservers) que te ha asignado. Parecerán algo así: ana.ns.cloudflare.com y sam.ns.cloudflare.com.

Paso 5: Cambia los nameservers de tu dominio

Ahora tienes que ir a donde compraste tu dominio (tu registrador, como GoDaddy, Namecheap, etc.) y cambiar los servidores DNS. Busca la opción "Servidores de nombres" o "DNS" en el panel de tu registrador y sustituye los actuales por los dos que te ha dado Cloudflare. Guarda los cambios.

[WARNING] Este cambio puede tardar entre 1 y 24 horas en propagarse por todo el mundo. No te preocupes si durante unas horas tu web sigue funcionando sin Cloudflare. Es normal.

Paso 6: Configura el SSL en Cloudflare

Mientras esperas, vuelve a Cloudflare y ve a la sección SSL/TLS en el menú lateral. En la pestaña General, verás la opción "Modo de encriptación". Selecciona Completo (estricto). Esto es crucial para que el certificado SSL funcione correctamente.

Paso 7: Activa la caché y la optimización

En el menú lateral, ve a Velocidad (Speed). Aquí puedes ajustar:

Caché: Asegúrate de que el "Nivel de caché" esté en "Estándar". Esta es la opción más segura para una tienda online.
Compresión: Activa "Brotli" para comprimir los archivos.
Polish: Actívalo para optimizar las imágenes (solo disponible en planes de pago, pero puedes probarlo).

Configurar PrestaShop para funcionar con Cloudflare

Con Cloudflare ya apuntando a tu web, ahora toca ajustar PrestaShop para que todo funcione de manera fluida. El principal problema es la caché de Cloudflare y la caché de PrestaShop: pueden entrar en conflicto y mostrar a los clientes páginas obsoletas o con el carrito vacío.

1. Configura el correo electrónico en PrestaShop

Un error común es que los emails de tu tienda (confirmaciones de pedido, etc.) dejen de funcionar. Para evitarlo, ve a tu panel de administración de PrestaShop y busca la opción de configuración de email. No vamos a entrar en detalles de SMTP, pero es importante que uses la configuración que te da tu hosting.

[INFO] Si tu hosting es Syspanel, puedes encontrar los datos SMTP en la sección de "Correo" del panel. El puerto de acceso a Syspanel es el 2106.

2. Configura la URL de la tienda

Ve a Parámetros avanzados > Rendimiento en tu administrador de PrestaShop. Asegúrate de que en "URL de la tienda" tienes la URL con https://. Esto es importante para evitar problemas de "contenido mixto" (partes de la web cargadas en http y otras en https).

3. Activa la Caché de PrestaShop

En el mismo menú de Rendimiento, verás la opción "Caché". Actívala y elige un sistema de caché. Te recomiendo usar Memcached o APCu si tu hosting lo soporta. Si no sabes cuál es, puedes usar el "Sistema de archivos". Esto hará que tu tienda sea mucho más rápida, incluso sin Cloudflare.

4. Configura las reglas de caché para el carrito

Este es el paso más delicado. Cloudflare no debe cachear las páginas que contienen datos del carrito o de la cuenta del cliente. Para ello, necesitas crear una regla de página en Cloudflare.

Ve a Reglas > Reglas de página en tu panel de Cloudflare. Haz clic en "Crear regla de página". En el campo "URL", introduce lo siguiente (reemplaza tudominio.com por tu dominio real):

tudominio.com/carrito*
tudominio.com/micuenta*
tudominio.com/identidad*
tudominio.com/pedido*

Puedes usar un comodín (*) para que coincida con todas las URL que empiecen así. En la sección "Configuración", elige Caché: No estándar y selecciona Bypass (o "No cachear"). Haz clic en "Guardar e implementar".

[TIP] Para asegurarte de que el carrito funciona, añade un producto a tu carrito y recarga la página. Si el producto sigue ahí, todo está correcto. Si no, revisa las reglas de página.

5. Configura las exclusiones de cookies

Algunos módulos de PrestaShop (como los de análisis o los de personalización) usan cookies. Cloudflare, por defecto, no cachea las peticiones con cookies, pero es mejor asegurarse. En la sección Reglas > Reglas de página, puedes crear reglas para excluir las URL que contengan ?controller=cart o ?controller=order, añadiendo Cache Level: Bypass.

Comprobaciones finales y solución de problemas

Una vez que hayas hecho todo esto, es hora de verificar que todo funciona.

1. Comprueba que el SSL funciona

Abre tu tienda en el navegador y verifica que aparece el candado en la barra de direcciones. Si no es así, espera un poco más a que se propague el DNS.

2. Comprueba la velocidad

Puedes usar herramientas como GTmetrix o PageSpeed Insights para medir la velocidad de tu PrestaShop. Compara los resultados con los que tenías antes. Deberías ver una mejora notable.

3. Soluciona el error "Error 521" o "Error 522"

Estos errores significan que Cloudflare no puede conectarse a tu servidor. Las causas más comunes son:

Tu hosting bloquea las IP de Cloudflare: Debes añadir las IPs de Cloudflare a la lista blanca de tu firewall.
Tu servidor está caído: Verifica que tu web funciona sin Cloudflare (puedes usar un proxy o una VPN para esquivar el DNS temporalmente).

4. El carrito se vacía al recargar

Esto es un problema de caché. Asegúrate de que la regla de página para el carrito está bien configurada y que el nivel de caché en Cloudflare es "Estándar". También puedes purgar la caché de Cloudflare desde el panel (botón "Purgar todo" en la sección de Caché).

[TIP] Si tienes problemas con la caché de PrestaShop, puedes desactivarla y usar solo la de Cloudflare. A veces, la combinación de ambas puede ser problemática. Prueba a activar solo una de ellas.

Preguntas frecuentes (FAQ)

¿Es seguro usar Cloudflare con PrestaShop?

Sí, es totalmente seguro y recomendable. Cloudflare actúa como un escudo protector y no interfiere con el funcionamiento de tu tienda si se configura correctamente.

¿Puedo usar Cloudflare si mi hosting es muy básico?

Sí, Cloudflare funciona con cualquier hosting, incluso los de gama baja. De hecho, es una de las mejores formas de mejorar el rendimiento sin cambiar de servidor.

¿Necesito conocimientos técnicos para conectar PrestaShop a Cloudflare?

No, solo necesitas seguir los pasos de este tutorial. Es un proceso que lleva unos 30 minutos si lo haces con calma.

¿Cloudflare ralentizará mi panel de administración de PrestaShop?

No, si has configurado correctamente las reglas de página. Te recomiendo que excluyas del caché la URL /admin* en Cloudflare para evitar problemas al gestionar tu tienda.

¿Qué hago si mi web se ve "rara" después de activar Cloudflare?

Puede ser un problema de caché o de recursos. Intenta purgar la caché de Cloudflare y la caché de PrestaShop. Si el problema persiste, revisa la consola de tu navegador (F12) para ver si hay errores de JavaScript o CSS que no se cargan.

¿Merece la pena pagar por el plan Pro de Cloudflare?

Para la mayoría de las tiendas, el plan gratuito es suficiente. Los planes de pago ofrecen funciones avanzadas como optimización de imágenes (Polish), mayor prioridad en el soporte y más reglas de página. Si tu tienda tiene mucho tráfico, puede valer la pena, pero para empezar, el plan gratuito es perfecto.

Conclusión: una tienda más rápida y segura

Conectar tu PrestaShop a Cloudflare es una de las mejores decisiones que puedes tomar para optimizar tu tienda online. No solo mejorará la velocidad de carga para tus clientes, lo que se traduce en más ventas y mejor posicionamiento en Google, sino que también te protegerá contra ataques maliciosos.

Recuerda que la clave está en la configuración: asegúrate de que las páginas del carrito y de la cuenta del cliente no se cacheen, y que el SSL esté en modo "Completo (estricto)". Con estos pasos, tu PrestaShop con Cloudflare será una máquina de ventas rápida y fiable. Si tienes cualquier duda, no dudes en consultar la documentación oficial de Cloudflare o preguntar a tu proveedor de hosting. ¡Manos a la obra!