Un CDN (Content Delivery Network) distribuye el contenido de tu web en servidores globales, reduciendo la latencia y acelerando la carga para visitantes de cualquier parte del mundo.
¿Qué es un CDN?
Un CDN (Content Delivery Network) es una red de servidores distribuidos globalmente que almacenan copias de tu contenido estático (imágenes, CSS, JS, videos).
Cómo funciona
- Tu servidor original está en una ubicación (ej: Madrid)
- El CDN copia tu contenido a servidores en todo el mundo
- Cuando alguien visita tu web desde México, recibe el contenido desde un servidor cercano (ej: Ciudad de México)
- Resultado: carga más rápida por menor distancia física
Sin CDN vs Con CDN
| Aspecto | Sin CDN | Con CDN |
|---|---|---|
| Servidor | 1 ubicación | 100+ ubicaciones |
| Latencia internacional | 200-500ms | 20-50ms |
| Carga del servidor | Alta | Reducida |
| Picos de tráfico | Puede caer | Distribuido |
Beneficios de Usar CDN
⚡ Velocidad
- Menor latencia (contenido cercano al usuario)
- Archivos optimizados y comprimidos
- HTTP/2 y HTTP/3 por defecto
📈 SEO
- Google premia sitios rápidos
- Mejores Core Web Vitals
- Menor tasa de rebote
🛡️ Seguridad
- Protección DDoS incluida
- WAF (Web Application Firewall)
- SSL gratuito
- Oculta IP del servidor real
💰 Ahorro
- Menos ancho de banda en hosting
- Servidor principal menos cargado
- Muchos CDN tienen plan gratuito
📊 Escalabilidad
- Absorbe picos de tráfico
- Alta disponibilidad global
- Redundancia automática
Tipos de CDN
CDN Pull (más común)
El CDN "tira" el contenido de tu servidor automáticamente cuando se solicita por primera vez.
- ✅ Configuración sencilla
- ✅ No necesitas subir archivos manualmente
- ✅ Actualización automática
- Ejemplos: Cloudflare, BunnyCDN, KeyCDN
CDN Push
Tú subes los archivos directamente al CDN.
- ⚠️ Requiere más gestión
- ✅ Mayor control sobre versiones
- Ejemplos: Amazon S3 + CloudFront
CDN Proxy (Reverse Proxy)
Todo el tráfico pasa por el CDN, que actúa como intermediario.
- ✅ Protección completa
- ✅ Caché de página completa
- ✅ SSL simplificado
- Ejemplos: Cloudflare, Sucuri
Mejores CDN para WordPress
1. Cloudflare (Recomendado)
| Tipo | Proxy/Pull |
| Plan gratuito | ✅ Muy completo |
| Ubicaciones | 300+ |
| SSL gratis | ✅ |
| DDoS protection | ✅ |
| Precio Pro | $20/mes |
Ideal para: Mayoría de sitios WordPress. Plan gratuito muy generoso.
2. BunnyCDN
| Tipo | Pull |
| Plan gratuito | 14 días trial |
| Ubicaciones | 100+ |
| Precio | $0.01/GB (muy barato) |
| Bunny Optimizer | Optimización de imágenes |
Ideal para: Sitios con mucho tráfico que buscan el mejor precio.
3. KeyCDN
| Tipo | Pull |
| Plan gratuito | $10 crédito inicial |
| Ubicaciones | 40+ |
| Precio | $0.04/GB |
Ideal para: Desarrolladores que buscan simplicidad y buen rendimiento.
4. StackPath (MaxCDN)
| Tipo | Pull |
| Ubicaciones | 50+ |
| Precio | Desde $15/mes |
5. Amazon CloudFront
| Tipo | Pull/Push |
| Ubicaciones | 400+ |
| Precio | Pago por uso |
Ideal para: Proyectos enterprise ya en AWS.
Comparativa de precios
| CDN | 100GB/mes | 1TB/mes |
|---|---|---|
| Cloudflare Free | $0 | $0 |
| BunnyCDN | $1 | $10 |
| KeyCDN | $4 | $40 |
| CloudFront | ~$8.50 | ~$85 |
Configurar Cloudflare en WordPress
Paso 1: Crear cuenta
- Ve a cloudflare.com
- Crea cuenta gratuita
- Añade tu dominio
- Cloudflare escaneará tus DNS
Paso 2: Cambiar nameservers
- Cloudflare te dará 2 nameservers
- Ve a tu registrador de dominio
- Cambia los nameservers a los de Cloudflare
- Espera propagación (hasta 24h)
Paso 3: Configuración básica
- SSL/TLS: Modo Full (Strict) si tienes SSL en origen
- Always Use HTTPS: Activar
- Auto Minify: JavaScript, CSS, HTML
- Brotli: Activar
Paso 4: Plugin WordPress (opcional)
- Instala plugin "Cloudflare" oficial
- Conecta con tu cuenta
- Aplica configuración optimizada
- Habilita APO si tienes plan Pro ($5/mes)
Configuración avanzada recomendada
- Page Rules: Bypass cache para /wp-admin/*
- Cache Level: Standard
- Browser Cache TTL: 1 año
- Rocket Loader: Probar (puede causar problemas)
Configurar BunnyCDN en WordPress
Paso 1: Crear cuenta y Pull Zone
- Regístrate en bunny.net
- Crea una Pull Zone
- Origin URL: https://tudominio.com
- Guarda la URL del CDN (ej: tudominio.b-cdn.net)
Paso 2: Configurar en WordPress
Opción A: Con plugin de caché
- WP Rocket: CDN → URL del CDN
- LiteSpeed Cache: CDN → CDN URL
- W3 Total Cache: CDN → Generic Mirror
Opción B: Plugin BunnyCDN
- Instala "BunnyCDN"
- Introduce API Key y Pull Zone
- Configura opciones
Paso 3: Bunny Optimizer (opcional)
Optimización de imágenes automática:
- Conversión a WebP
- Lazy loading
- Redimensionado automático
- $9.50/mes por zona
Integración con Plugins de Caché
WP Rocket + CDN
- Ve a WP Rocket → CDN
- Activa CDN
- Introduce URL del CDN
- Excluye archivos si es necesario
LiteSpeed Cache + CDN
- Ve a LiteSpeed Cache → CDN
- Introduce CDN URL
- Configura inclusiones/exclusiones
Cloudflare APO
Automatic Platform Optimization es el CDN de página completa de Cloudflare para WordPress:
- Cachea HTML dinámico
- Integración automática
- $5/mes (o incluido en Pro)
- Funciona con cualquier plugin de caché
Preguntas Frecuentes
¿Necesito CDN si mi audiencia es local?
Un CDN sigue siendo útil por la protección DDoS, SSL gratuito y descarga del servidor. Cloudflare gratis no tiene desventajas aunque tu audiencia sea local.
¿CDN es compatible con plugins de caché?
Sí, son complementarios. El plugin de caché optimiza tu servidor, el CDN distribuye ese contenido globalmente. WP Rocket y LiteSpeed Cache tienen integración nativa.
¿Cloudflare gratis es suficiente?
Para la mayoría de sitios WordPress, sí. El plan gratuito incluye CDN, SSL, protección DDoS básica y optimización. Pro ($20/mes) añade mejor WAF, optimización de imágenes y APO.
¿Puedo usar CDN con WooCommerce?
Sí, pero asegúrate de excluir del caché: páginas de carrito, checkout, mi cuenta y cualquier página dinámica. Cloudflare tiene Page Rules específicas para esto.