View Categories

Configuración Avanzada de Cloudflare para WordPress

📊

Información del Artículo #

Publicado:
Tiempo de lectura: 6 minutos
Palabras: 1.092
Autor: Luis Javier Gil (Fundador)

¿Qué hace Cloudflare? #

Cloudflare actúa como un reverse proxy entre tus visitantes y tu servidor, proporcionando múltiples capas de optimización:

  • CDN Global: 275+ data centers mundiales
  • DDoS Protection: Mitiga ataques de hasta 100+ Gbps automáticamente
  • Edge Computing: Ejecuta código en el edge para mayor velocidad
  • Web Application Firewall (WAF): Protección a nivel de aplicación
  • Bot Management: Identifica y bloquea tráfico malicioso
Con los planes de Replanta Hosting: Al configurar Cloudflare correctamente, reducimos la carga del servidor en un 60-80%, lo que se traduce en mejor rendimiento para todos nuestros clientes y mayor estabilidad del servicio.

Configuración Inicial del DNS #

1 Registro y Configuración de Dominio #

# Verificar configuración DNS actual 
dig +short yourdomain.com 
dig +short www.yourdomain.com 
# Verificar nameservers 
dig +short NS yourdomain.com

o usa herramientas como DNS Checker.

Configuración de Registros DNS Críticos #

TipoNombreValorProxy StatusTTL
A@Tu IP del servidorProxied (Naranja)Auto
CNAMEwwwyourdomain.comProxied (Naranja)Auto
AstagingTu IP del servidorDNS Only (Gris)300
MX@mail.yourdomain.comDNS Only (Gris)Auto

Importante: Nunca proxees registros MX, subdominios de FTP, o APIs externas que requieran conexión directa.

Configuración SSL/TLS Avanzada #

Configuración Recomendada por Nivel #

1 SSL/TLS Mode: Full (strict) #

Utiliza certificados válidos en origen. Para Replanta Hosting, usamos Let’s Encrypt automático.

2 Edge Certificates #

# Configuración automática de certificados 
- Universal SSL: Habilitado 
- Always Use HTTPS: Habilitado 
- HTTP Strict Transport Security (HSTS): Habilitado 
- Max Age Header: 6 meses (15768000) 
- Include Subdomains: Sí - Preload: Sí (solo si estás seguro)

3 Origin Server Certificates #

Para máxima seguridad, genera un certificado origin en Cloudflare y configúralo en tu servidor:

# En tu servidor (Apache/Nginx) 
# Descarga el certificado .pem y la clave privada .key 
# Configura en el virtual host: 
# Apache SSLCertificateFile /path/to/cloudflare.pem SSLCertificateKeyFile /path/to/cloudflare.key 
# Nginx ssl_certificate /path/to/cloudflare.pem; ssl_certificate_key /path/to/cloudflare.key;

Optimización de Caché Avanzada #

Configuración de Caching #

1 Browser Cache TTL #

  • Imágenes estáticas: 1 año (31536000 segundos)
  • CSS/JS: 1 mes (2678400 segundos)
  • HTML: 2 horas (7200 segundos)

2 Development Mode #

Activa cuando estés desarrollando para bypass temporal del cache:

# Via API para automatizar 
curl -X PATCH "https://api.cloudflare.com/client/v4/zones/{zone_id}/settings/development_mode" \ -H "Authorization: Bearer {api_token}" \ -H "Content-Type: application/json" \ --data '{"value":"on"}'

Cache Rules Avanzadas #

ContenidoCache TTLBrowser TTLConfiguración
Imágenes (jpg, png, gif, webp)30 días7 díasCache Everything
CSS/JS7 días1 díaCache Everything
Páginas estáticas2 horas1 horaStandard
Admin/LoginNo cacheNo cacheBypass

Configuración de las Page Rules de Clouflare #

Reglas Esenciales para WordPress #

1 Bypass Admin y Login #

URL Pattern: *yourdomain.com/wp-admin* 
Settings: 
- Cache Level: Bypass 
- Disable Security 
- Disable Performance 

2 Optimización para WooCommerce #

URL Pattern: *yourdomain.com/cart* 
Settings: 
- Cache Level: Bypass 
URL Pattern: *yourdomain.com/checkout* 
Settings: 
- Cache Level: Bypass 
- Disable Security 
URL Pattern: *yourdomain.com/my-account* 
Settings: 
- Cache Level: Bypass 
URL Pattern: *yourdomain.com/*?wc-ajax=* 
Settings: 
- Cache Level: Bypass

3 Optimización de Recursos Estáticos #

URL Pattern: *yourdomain.com/wp-content/uploads/* 
Settings: 
- Cache Level: Cache Everything 
- Edge Cache TTL: 1 month 
- Browser Cache TTL: 1 week 
URL Pattern: *yourdomain.com/wp-content/themes/* 
Settings: 
- Cache Level: Cache Everything 
- Edge Cache TTL: 1 week

Configuración de Seguridad Avanzada #

Web Application Firewall (WAF) #

1 Managed Rules #

  • Cloudflare Managed Ruleset: Habilitado (High)
  • Cloudflare OWASP Core Ruleset: Habilitado (High)
  • Cloudflare WordPress Ruleset: Habilitado (High)

2 Rate Limiting #

# Protección contra ataques de fuerza bruta 
URL Pattern: /wp-login.php 
Rate: 5 requests per minute per IP 
Action: Block for 1 hour 
# Protección API REST 
URL Pattern: /wp-json/* 
Rate: 30 requests per minute per IP 
Action: Challenge (CAPTCHA)

3 Bot Fight Mode #

Activa la protección automática contra bots maliciosos manteniendo acceso a bots legítimos (Google, Bing).

Configuraciones de Security Level #

  • Esencialmente Off: Para desarrollo
  • Low: Para sitios con mucho tráfico legítimo
  • Medium: Configuración recomendada para producción
  • High: Para sitios bajo ataque
  • I’m Under Attack: Solo durante ataques DDoS activos

Monitoreo y Análisis #

Métricas Clave a Monitorear #

1 Cache Hit Ratio #

Objetivo: >95% para contenido estático, >80% para páginas dinámicas

2 Origin Response Time #

Tiempo de respuesta del servidor origen (debe ser <200ms)

3 Threats Blocked #

Número de amenazas bloqueadas por el WAF

Herramientas de Verificación #

# Verificar headers de Cloudflare 
curl -I https://yourdomain.com 
# Buscar: cf-cache-status, cf-ray, server: cloudflare 
# Verificar configuración SSL
openssl s_client -connect yourdomain.com:443 -servername yourdomain.com 
# Test de velocidad 
curl -w "@curl-format.txt" -o /dev/null -s https://yourdomain.com

Archivo curl-format.txt #

time_namelookup: %{time_namelookup}\n 
time_connect: %{time_connect}\n 
time_appconnect: %{time_appconnect}\n 
time_pretransfer: %{time_pretransfer}\n 
time_redirect: %{time_redirect}\n 
time_starttransfer: %{time_starttransfer}\n ----------\n 
time_total: %{time_total}\n

Resolución de Problemas Comunes #

Problemas de Cache #

Problema: Los cambios no se reflejan en el sitio
Solución:

  1. Purge Cache en Cloudflare
  2. Verifica Page Rules que puedan estar cacheando contenido dinámico
  3. Revisa plugin de cache de WordPress

Problema: Error 522 (Connection timed out)
Solución:

  1. Verifica que el servidor origen esté funcionando
  2. Revisa la configuración del firewall del servidor
  3. Asegúrate de que Cloudflare IPs estén permitidas

Lista de IPs de Cloudflare para Whitelist #

# IPv4 ranges (actualiza regularmente desde https://www.cloudflare.com/ips/) 173.245.48.0/20 103.21.244.0/22 103.22.200.0/22 103.31.4.0/22 141.101.64.0/18 108.162.192.0/18 190.93.240.0/20 188.114.96.0/20 197.234.240.0/22 198.41.128.0/17 162.158.0.0/15 104.16.0.0/13 104.24.0.0/14 172.64.0.0/13 131.0.72.0/22

Configuración Avanzada de Worker Scripts #

Para casos de uso específicos, puedes utilizar Cloudflare Workers:

// Ejemplo: Redirects inteligentes 
addEventListener('fetch', event => { event.respondWith(handleRequest(event.request)) }) async function handleRequest(request) { const url = new URL(request.url) // Redirect móvil a AMP if (isMobile(request) && url.pathname.startsWith('/blog/')) { return Response.redirect(url.origin + '/amp' + url.pathname, 301) } // Continuar con request normal return fetch(request) } function isMobile(request) { const userAgent = request.headers.get('User-Agent') || '' return /Mobile|Android|iPhone/i.test(userAgent) }
Configuración Completa Aplicada
Con esta configuración avanzada de Cloudflare, tu sitio WordPress tendrá: #
  • Mejora de velocidad del 60-80%
  • Protección automática contra ataques DDoS
  • Reducción del 70% en el uso de ancho de banda del servidor
  • SSL/TLS de grado empresarial
  • Monitoreo y analytics detallados

Recursos Adicionales para Desarrolladores #

Soporte Replanta: En Replanta Hosting, configuramos automáticamente todas estas optimizaciones en tu plan de bienvenida, para que puedas enfocarte en hacer crecer tu negocio mientras nosotros nos encargamos de la infraestructura.

Luis Javier Gil

Luis Javier Gil #

Fundador

Replanta

Ingeniero en Telecomunicaciones. Apasionado de la sostenibilidad digital y fundador de Replanta.net

Web developer con 15 años de experiencia en el mundo digital. Apasionado de la sostenibilidad digital y fundador de Replanta.net

Credenciales y Logros #

  • Ingeniero en Telecomunicaciones. Desarrollador Full Stack
Listed on Uno Directory