Configurar CDN Cloudflare en WordPress – Guía con Syspanel

¿Por qué necesitas un CDN en tu WordPress?

Si tu web tarda más de 3 segundos en cargar, estás perdiendo visitantes. Un CDN (Content Delivery Network) como Cloudflare es la solución más efectiva para acelerar tu WordPress sin necesidad de tocar código ni contratar un servidor más caro.

Un CDN funciona como una red de servidores repartidos por todo el mundo. En lugar de que todos tus visitantes se conecten directamente a tu hosting (que suele estar en una sola ubicación), Cloudflare guarda una copia de tu web en servidores cercanos a cada usuario. El resultado: tu web carga mucho más rápido, consumes menos recursos del servidor y mejoras tu posicionamiento SEO.

En este tutorial te voy a enseñar paso a paso cómo configurar Cloudflare en WordPress desde Syspanel, el panel de control de tu hosting. No necesitas ser un experto técnico: si sabes seguir instrucciones, en menos de 30 minutos tendrás tu CDN funcionando.

Qué necesitas antes de empezar

Antes de ponernos manos a la obra, asegúrate de tener lo siguiente:

Acceso a Syspanel (el panel de control de tu hosting). Recuerda que se accede a través del puerto 2106.
Acceso al panel de administración de tu WordPress (wp-admin).
Un dominio propio (no vale un subdominio gratuito).
Una cuenta de correo electrónico válida para crear tu cuenta en Cloudflare.

[INFO] Si tu hosting usa Syspanel, el acceso es así: https://tu-ip-o-dominio:2106. Es importante que tengas a mano las credenciales de administrador.

Paso 1: Crear tu cuenta en Cloudflare

Lo primero es registrarte en Cloudflare. Es un servicio que tiene un plan gratuito muy completo, así que no tendrás que pagar nada para empezar.

Ve a cloudflare.com y haz clic en "Sign Up".
Introduce tu correo electrónico y una contraseña segura.
Verifica tu correo electrónico con el enlace que te enviarán.
Una vez dentro, haz clic en "Add a Site" (Añadir un sitio).
Escribe tu dominio (por ejemplo, mipagina.com) y pulsa "Add Site".
Cloudflare escaneará tus registros DNS automáticamente (tarda unos segundos).

[TIP] Usa el plan Free. Es más que suficiente para la mayoría de webs WordPress personales o de pequeñas empresas.

Paso 2: Configurar los registros DNS en Cloudflare

Este es el paso más importante y donde mucha gente se pierde. Pero tranquilo, es más fácil de lo que parece.

Cuando Cloudflare termine de escanear tu dominio, verás una lista de registros DNS. Lo que tienes que hacer es asegurarte de que el registro de tipo A (y el CNAME de www) apunten a la IP de tu servidor en Syspanel.

Para encontrar la IP de tu servidor:

Inicia sesión en Syspanel (recuerda, puerto 2106).
Ve a la sección "Estadísticas" o "Información del servidor".
Busca el campo que dice "IP del servidor" o "Dirección IP". Anota esa IP.
Vuelve a Cloudflare y edita el registro A que apunta a @ (tu dominio raíz).
Cambia la dirección IP por la que has visto en Syspanel.
Haz lo mismo con el registro CNAME de www si existe.

[WARNING] Asegúrate de que el icono de la nube naranja esté activado en todos los registros que quieras que pasen por Cloudflare. Si está gris, el CDN no funcionará.

Paso 3: Configurar los nameservers en tu dominio

Cloudflare necesita gestionar tu dominio para poder servir tu web desde su red. Para ello, tienes que cambiar los nameservers (servidores de nombres) de tu dominio.

En Cloudflare, después de añadir tu sitio, te mostrará dos nameservers (por ejemplo: ana.ns.cloudflare.com y bob.ns.cloudflare.com). Cópialos.
Ve al sitio web donde compraste tu dominio (GoDaddy, Namecheap, DonDominio, etc.).
Busca la sección "DNS" o "Nameservers".
Sustituye los nameservers actuales por los dos que te ha dado Cloudflare.
Guarda los cambios.

[INFO] El cambio de nameservers puede tardar entre 1 y 24 horas en propagarse por todo el mundo. No te preocupes, es normal. Mientras tanto, tu web seguirá funcionando normalmente.

Paso 4: Instalar y configurar el plugin de Cloudflare en WordPress

Una vez que Cloudflare está gestionando tu DNS, es hora de conectar tu WordPress con Cloudflare. Esto te permitirá vaciar la caché, activar el modo desarrollo y ajustar la configuración sin salir de tu panel.

Accede a tu wp-admin de WordPress.
Ve a Plugins → Añadir nuevo.
Busca "Cloudflare" (el plugin oficial es "Cloudflare" de Cloudflare, Inc.).
Haz clic en "Instalar ahora" y luego en "Activar".
Ve a Configuración → Cloudflare.
Haz clic en "Sign in with Cloudflare" y sigue los pasos para conectar tu cuenta.
Una vez conectado, verás un panel con opciones de configuración.

Paso 5: Activar las opciones de rendimiento recomendadas

Ahora viene la parte divertida: optimizar tu CDN para que tu WordPress vuele.

5.1. Activar "Always Online"

Esta opción hace que Cloudflare muestre una versión en caché de tu web si tu servidor se cae. Es una red de seguridad muy útil.

En el panel del plugin de Cloudflare, ve a "Settings".
Activa la opción "Always Online".

5.2. Configurar el nivel de caché

Ve a "Caching" en el panel del plugin.
En "Caching Level", selecciona "Standard". Esto es suficiente para la mayoría de las webs.
En "Browser Cache Expiration", pon "1 month". Así los navegadores de tus visitantes guardarán los archivos estáticos durante más tiempo.

5.3. Activar "Auto Minify"

Esta opción comprime automáticamente los archivos CSS, JavaScript y HTML de tu web, reduciendo su tamaño y acelerando la carga.

Ve a "Speed" en el panel del plugin.
Marca las tres casillas: CSS, JavaScript y HTML.

[TIP] Si tu web usa un constructor visual como Elementor o Divi, es posible que notes algún problema de estilos al activar el minificado. Si eso pasa, puedes desactivarlo solo para CSS o JavaScript.

Paso 6: Configurar SSL en Cloudflare

La seguridad es fundamental para el SEO. Google penaliza las webs sin SSL, así que vamos a asegurarnos de que todo esté en orden.

En tu panel de Cloudflare (no en el plugin), ve a la pestaña "SSL/TLS".
En "Overview", verás el modo SSL. Selecciona "Full (strict)".
Ahora ve a "Edge Certificates".
Activa las siguientes opciones:
- Always Use HTTPS: Redirige todo el tráfico a la versión segura.
- Automatic HTTPS Rewrites: Corrige enlaces que usan HTTP.
- HSTS: Actívalo también (protege contra ataques de degradación).

[WARNING] Para que el modo "Full (strict)" funcione, tu hosting debe tener un certificado SSL válido instalado. Si todavía no lo tienes, en Syspanel puedes instalar Let's Encrypt de forma gratuita. Ve a "SSL" en tu panel y sigue las instrucciones.

Paso 7: Configurar las reglas de caché para WordPress

WordPress tiene partes dinámicas (como el carrito de la compra o los comentarios) que no deben cachearse. Cloudflare tiene reglas automáticas para WordPress, pero vamos a asegurarnos de que están activadas.

En Cloudflare, ve a la pestaña "Caching".
Haz clic en "Configuration".
Busca la sección "Caching Level" y asegúrate de que está en "Standard".
Ve a "Page Rules" (en el menú lateral).
Crea una regla nueva con los siguientes parámetros:
- URL: tudominio.com/wp-admin/*
- Setting: Cache Level → Bypass
- Y otra regla para tudominio.com/wp-login.php con lo mismo.

[TIP] Si usas WooCommerce, añade también una regla para tudominio.com/cart/ y tudominio.com/checkout/ para evitar problemas con el carrito.

Paso 8: Vaciar la caché y comprobar el resultado

Después de todos estos cambios, es hora de ver el resultado.

En el plugin de Cloudflare de tu WordPress, haz clic en "Purge Cache" para vaciar toda la caché.
Visita tu web en modo incógnito (Ctrl+Shift+N en Chrome) para verla como la vería un visitante nuevo.
Haz clic derecho en cualquier parte de la página y selecciona "Inspeccionar".
Ve a la pestaña "Network" y recarga la página.
Busca cualquier archivo y comprueba si en la columna "Server" aparece "cloudflare". Si es así, ¡enhorabuena! Tu CDN está funcionando.

Preguntas frecuentes sobre Cloudflare y WordPress

¿Cloudflare ralentiza mi web?

No. Al contrario. En la mayoría de los casos, Cloudflare acelera tu web significativamente. Solo en configuraciones muy específicas o con malas reglas de caché podría notarse una leve ralentización. Si eso ocurre, revisa las page rules o contacta con soporte.

¿Puedo usar Cloudflare con Syspanel?

Sí, totalmente. Syspanel es compatible con Cloudflare. Solo necesitas tener acceso al puerto 2106 para gestionar tu servidor y cambiar la configuración DNS si es necesario.

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

Lo más probable es que sea un problema de caché o de minificación. Prueba a vaciar la caché de Cloudflare desde el plugin y a desactivar el Auto Minify. Si el problema persiste, revisa que el registro DNS de tu dominio apunta a la IP correcta en Syspanel.

¿Cloudflare afecta al SEO?

Sí, pero positivamente. Google valora la velocidad de carga y la seguridad (SSL). Cloudflare mejora ambas cosas, por lo que tu posicionamiento debería mejorar. Además, su red de servidores en todo el mundo reduce la latencia para visitantes internacionales.

¿Qué plan de Cloudflare necesito?

El plan Free es perfecto para empezar. Incluye CDN básico, SSL, protección DDoS y reglas de página. Si más adelante necesitas más funciones (como optimización de imágenes avanzada o WAF personalizado), puedes actualizar al plan Pro por unos 20 dólares al mes.

Solución de problemas comunes

Problema: El certificado SSL no funciona

Si ves un error de certificado en tu web, revisa que en Syspanel tengas instalado un certificado SSL válido. Ve a "SSL" en tu panel (puerto 2106) y sigue el asistente de Let's Encrypt.

Problema: La web carga pero sin estilos

Esto suele pasar por el minificado de CSS. Ve al plugin de Cloudflare y desactiva el minificado de CSS. Vacía la caché y comprueba de nuevo.

Problema: No puedo acceder a wp-admin

Puede que Cloudflare esté bloqueando tu acceso. Ve a Page Rules y asegúrate de que tienes la regla para wp-admin en modo bypass. También puedes usar el "Development Mode" en Cloudflare durante 3 horas mientras trabajas en tu web.

Problema: Los cambios en mi web no se ven

Cloudflare guarda una copia en caché de tu web. Cada vez que hagas cambios importantes, ve al plugin de Cloudflare y haz clic en "Purge Cache" para vaciarla.

Conclusión final

Configurar Cloudflare en WordPress desde Syspanel es un proceso sencillo si sigues los pasos en orden. Los beneficios son enormes: tu web cargará más rápido, estarás mejor protegido contra ataques y tu SEO mejorará notablemente.

Recuerda que la configuración no termina aquí. Es recomendable revisar cada cierto tiempo las estadísticas de Cloudflare para ver el ahorro de ancho de banda y el rendimiento de tu web. También puedes experimentar con las opciones de "Speed" para optimizar aún más la entrega de imágenes y otros recursos.

Si en algún momento te sientes perdido, no dudes en consultar la documentación oficial de Cloudflare o contactar con el soporte de tu hosting. Y ahora, ¡disfruta de tu web ultrarrápida!