CDN: Qué es, cómo funciona y por qué tu web lo necesita

Un CDN (Content Delivery Network) es una de las formas más efectivas de acelerar tu web y mejorar la experiencia de usuarios en todo el mundo. En esta guía te explicamos qué es, cómo funciona y si tu web lo necesita.

¿Qué es un CDN?

Un CDN es una red de servidores distribuidos geográficamente que almacenan copias del contenido estático de tu web (imágenes, CSS, JavaScript, videos). Cuando un usuario visita tu web, el contenido se sirve desde el servidor CDN más cercano a su ubicación, en lugar de viajar hasta tu servidor de origen.

Analogía simple

Imagina que tienes una tienda física en Madrid. Si un cliente de Barcelona quiere tu producto, tiene que viajar hasta Madrid. Pero si tienes almacenes en Barcelona, Valencia, Sevilla y Bilbao (el CDN), el cliente de Barcelona recibe el producto desde el almacén más cercano, mucho más rápido.

¿Cómo funciona un CDN?

1. Usuario solicita tu web: Escribe tu URL en el navegador
2. DNS redirige al CDN: En lugar de ir a tu servidor, va al CDN
3. CDN determina ubicación: Identifica el servidor edge más cercano al usuario
4. Contenido en caché: Si el servidor edge tiene el contenido en caché, lo sirve directamente
5. Cache miss: Si no lo tiene, lo solicita a tu servidor de origen, lo guarda y lo sirve
6. Futuras visitas: El contenido ya está cacheado cerca del usuario

Beneficios de usar un CDN

1. Mayor velocidad de carga

La latencia se reduce drásticamente al servir contenido desde ubicaciones cercanas al usuario. Esto mejora directamente los Core Web Vitals y la experiencia de usuario.

2. Menor carga en el servidor

Tu servidor de origen solo sirve contenido dinámico. Todo lo estático lo maneja el CDN, reduciendo el uso de recursos y mejorando el uptime.

3. Mayor disponibilidad

Si tu servidor de origen tiene problemas, el CDN puede seguir sirviendo contenido cacheado. Además, los CDN tienen redundancia incorporada.

4. Protección DDoS

Los CDN absorben tráfico malicioso antes de que llegue a tu servidor. Ver protección contra ataques DDoS.

5. Mejor SEO

Google premia las webs rápidas. Un CDN puede mejorar significativamente tu posicionamiento al reducir tiempos de carga.

6. Ahorro de ancho de banda

El tráfico servido desde el CDN no consume ancho de banda de tu servidor, lo que puede reducir costes de hosting.

¿Qué contenido sirve un CDN?

Contenido estático (ideal para CDN)

• Imágenes (JPG, PNG, WebP, SVG)
• Hojas de estilo (CSS)
• Scripts (JavaScript)
• Fuentes web
• Videos y audio
• Documentos PDF

Contenido dinámico

El HTML dinámico (páginas que cambian según el usuario o contexto) tradicionalmente no se cachea en CDN, aunque soluciones modernas ofrecen edge computing para procesar lógica en el borde de la red.

Principales proveedores de CDN

Cómo implementar un CDN

Opción 1: CDN con proxy (Cloudflare)

El método más sencillo. Todo el tráfico pasa por el CDN:

1. Crear cuenta en Cloudflare
2. Añadir tu dominio
3. Cambiar nameservers de tu dominio a los de Cloudflare
4. Configurar reglas de caché
5. Activar HTTPS automático

Este método también te da protección DDoS, firewall, y gestión de DNS incluidos.

Opción 2: CDN para assets (Pull Zone)

Solo los archivos estáticos pasan por el CDN:

1. Crear cuenta en el CDN (Bunny, KeyCDN, etc.)
2. Configurar una Pull Zone apuntando a tu servidor
3. Obtener URL del CDN (ej: cdn.tudominio.com)
4. Configurar tu web para cargar assets desde esa URL

CDN en WordPress

Los plugins de caché facilitan la integración:

• LiteSpeed Cache: Integración con QUIC.cloud CDN
• WP Rocket: Integración con cualquier CDN
• W3 Total Cache: Soporte para múltiples CDN

Configuración óptima de caché CDN

Headers de caché recomendados

# Imágenes, fuentes: caché largo (1 año)
Cache-Control: public, max-age=31536000, immutable

# CSS/JS con versionado: caché largo
Cache-Control: public, max-age=31536000

# CSS/JS sin versionado: caché medio (1 semana)
Cache-Control: public, max-age=604800

# HTML: caché corto o sin caché
Cache-Control: no-cache, must-revalidate

Purga de caché

Cuando actualizas contenido, necesitas purgar la caché del CDN. La mayoría ofrecen:

• Purga manual desde panel de control
• Purga por URL específica
• Purga via API (para automatización)
• Versionado de assets (evita necesidad de purga)

¿Cuándo NO necesitas un CDN?

• Audiencia local: Si todos tus usuarios están en la misma ciudad/país que tu servidor
• Poco tráfico: Webs pequeñas con pocas visitas
• Contenido muy dinámico: Aplicaciones donde todo cambia constantemente
• Hosting con CDN incluido: Algunos hostings premium ya incluyen CDN

Dicho esto, con opciones gratuitas como Cloudflare, casi siempre vale la pena usarlo.

Impacto en rendimiento: ejemplo real

Sitio web típico antes y después de CDN:

Monitoreo con CDN

Aunque uses un CDN, sigue siendo importante monitorear tu web:

• El CDN puede tener problemas (raro pero posible)
• Tu servidor de origen sigue siendo crítico
• Necesitas verificar que la configuración funciona correctamente

Con WatcherWolf puedes monitorizar tanto tu servidor de origen como el rendimiento a través del CDN, recibiendo alertas si algo falla.

Monitorea el rendimiento de tu web

Conclusión

Un CDN es una de las mejoras de rendimiento más impactantes que puedes implementar. Reduce latencia, mejora Core Web Vitals, protege contra ataques, y con opciones gratuitas disponibles, no hay excusa para no usarlo.

Combina el CDN con una buena estrategia de caché y optimización de tiempo de respuesta del servidor para máximo rendimiento.