¿Qué es una Content Delivery Network (CDN)?

Una Content Delivery Network (CDN) es una red de servidores distribuida globalmente diseñada para entregar el contenido de tu sitio web más rápido sirviéndolo desde una ubicación cercana a cada visitante. En lugar de que cada petición viaje a tu único servidor de origen, un CDN coloca copias en caché de tus assets estáticos (imágenes, archivos CSS, JavaScript, fuentes y a veces incluso páginas HTML completas) en docenas o cientos de servidores edge alrededor del mundo. El resultado es menor latencia, cargas de página más rápidas y una mejor experiencia para tus visitantes independientemente de dónde se encuentren.

Cómo entregan contenido los CDN a través de servidores edge

Para entender un CDN, ayuda seguir una petición paso a paso. Sin un CDN, un visitante en Sídney que carga un sitio WordPress alojado en Fráncfort envía cada petición HTTP a través de unos 15.000 km de infraestructura de red. Cada imagen, hoja de estilo y archivo de script hace ese mismo viaje de ida y vuelta. Con un CDN en su lugar, el flujo cambia significativamente:

1. Tu servidor de origen en Fráncfort guarda los archivos originales. El CDN copia periódicamente (o en la primera petición) estos archivos a sus servidores edge.
2. Cuando el visitante de Sídney solicita una página, el enrutamiento DNS del CDN lo dirige al servidor edge más cercano, que podría estar en Sídney mismo o en Singapur.
3. El servidor edge comprueba su caché local. Si el archivo solicitado está allí y sigue siendo válido, sirve el archivo inmediatamente. Esto se llama un cache hit.
4. Si el archivo aún no está en caché (un cache miss), el servidor edge lo obtiene del origen, lo cachea localmente y luego lo sirve al visitante. Las futuras peticiones de visitantes cercanos obtienen la versión cacheada.

Las ubicaciones de los servidores edge del CDN se llaman PoPs (Points of Presence). Los grandes proveedores de CDN operan cientos de PoPs en cada continente. Cloudflare, por ejemplo, gestiona más de 300 PoPs globalmente. BunnyCDN opera unos 120 PoPs con un fuerte enfoque en la eficiencia de costes.

Pull CDN vs. Push CDN

Hay dos arquitecturas fundamentales de CDN, y entender la diferencia importa al elegir un proveedor:

• Pull CDN: Los servidores edge obtienen contenido automáticamente de tu servidor de origen cuando un visitante lo solicita. Es el modelo más común y el usado por Cloudflare, BunnyCDN y KeyCDN. No necesitas subir archivos manualmente. El CDN gestiona todo en segundo plano. Para sitios WordPress, los pull CDN son casi siempre la elección correcta porque tu contenido cambia regularmente y el CDN se adapta automáticamente.
• Push CDN: Subes archivos manualmente al almacenamiento del CDN, y este los distribuye desde allí. Amazon S3 combinado con CloudFront puede funcionar de esta manera. Los push CDN te dan más control sobre exactamente qué se cachea, pero requieren más configuración y mantenimiento. Son más adecuados para grandes bibliotecas de medios o plataformas de streaming de vídeo.

Qué se cachea en un CDN

Por defecto, los CDN cachean assets estáticos. Estos son archivos que no cambian entre visitantes:

• Imágenes: Archivos JPEG, PNG, WebP, AVIF, SVG, GIF de tu biblioteca de medios y tema
• Hojas de estilo: Archivos CSS de tu tema y plugins
• Scripts: Archivos JavaScript, incluyendo jQuery y scripts de plugins
• Fuentes: Archivos de fuentes web (WOFF2, WOFF, TTF) cargados por tu tema
• Documentos: PDFs descargables y otros documentos estáticos

Algunos CDN también ofrecen caché de página completa, donde toda la salida HTML de una página WordPress se cachea en el edge. APO (Automatic Platform Optimization) de Cloudflare para WordPress hace exactamente esto y puede reducir el Time to First Byte (TTFB) drásticamente. Con caché de página completa en el CDN, tu servidor de origen apenas necesita hacer trabajo alguno para visitantes anónimos.

Proveedores populares de CDN para sitios WordPress

El mercado de CDN ofrece opciones para cada presupuesto y caso de uso. Aquí están los proveedores más comúnmente usados con WordPress:

• Cloudflare: Ofrece un generoso plan gratuito que incluye CDN, hosting DNS, protección básica contra DDoS y un Web Application Firewall (WAF). El plan gratuito es realmente útil y suficiente para muchos sitios WordPress pequeños y medianos. Cloudflare opera como un proxy inverso completo, lo que significa que todo tu tráfico fluye a través de su red. Esto es diferente de los CDN tradicionales. Su complemento APO de pago (5 $/mes) cachea páginas WordPress completas en el edge para un TTFB extremadamente rápido a nivel global.
• BunnyCDN: Uno de los proveedores de CDN más asequibles, con aproximadamente 0,01 $ por GB en la mayoría de regiones. Rápido, sencillo de configurar y bien valorado en la comunidad WordPress. BunnyCDN ofrece un plugin de WordPress llamado Bunny.net para una integración fácil. También proporciona optimización de imágenes y Bunny DNS.
• StackPath: Un CDN con WAF y protección DDoS integradas. StackPath ofrece buen rendimiento en Norteamérica y Europa. Está más orientado a empresas que BunnyCDN, pero ofrece un conjunto sólido de funciones.
• KeyCDN: Un CDN de pago por uso con precios competitivos y excelente cobertura europea. KeyCDN proporciona un plugin de WordPress llamado CDN Enabler (hecho por la misma empresa) que reescribe automáticamente las URLs de assets para apuntar al CDN.
• Amazon CloudFront: Parte del ecosistema AWS. CloudFront es potente y altamente configurable, pero más complejo de configurar que las alternativas. Es la mejor opción si tu sitio WordPress ya se ejecuta sobre infraestructura AWS (EC2, S3, RDS). Los precios pueden ser difíciles de predecir ya que se basan en el uso a través de múltiples dimensiones.

Cómo configurar un CDN para WordPress

Hay dos enfoques principales para integrar un CDN con tu sitio WordPress:

• Método CNAME DNS: Creas un subdominio como cdn.tudominio.com y lo apuntas al proveedor CDN mediante un registro DNS CNAME. Un plugin de WordPress reescribe entonces tus URLs de assets para usar este subdominio CDN. Este método funciona con BunnyCDN, KeyCDN y CloudFront.
• Método de proxy completo: Todo el DNS de tu dominio apunta al proveedor CDN, y todo el tráfico fluye a través de su red. Cloudflare usa este enfoque. Cambias los nameservers de tu dominio a los de Cloudflare, y ellos se encargan de todo. Este método también permite el caché de página completa y funciones de seguridad.

Varios plugins de WordPress simplifican la configuración del CDN:

• CDN Enabler: Un plugin gratuito y ligero de KeyCDN. Reescribe URLs en tu HTML para apuntar al hostname de tu CDN. Sencillo y eficaz.
• WP Rocket: Incluye una función de CDN integrada donde simplemente introduces tu URL del CDN y se encarga de la reescritura de URLs. WP Rocket también se integra directamente con Cloudflare para purgar la caché.
• W3 Total Cache: Soporta múltiples proveedores de CDN y ofrece opciones detalladas de configuración de CDN. Puede subir archivos al almacenamiento del CDN o reescribir URLs para pull CDN.

Impacto en el rendimiento al usar un CDN

Las ganancias de rendimiento de un CDN dependen de la distribución geográfica de tu audiencia y la ubicación de tu servidor de origen. Aquí tienes algunos números realistas basados en escenarios comunes:

• Mejora del TTFB: Para visitantes lejos de tu servidor de origen, el TTFB puede caer de 800-1200 ms a 50-200 ms con caché de página completa en el CDN. Eso es una mejora de 4x a 10x.
• Entrega de assets estáticos: Los tiempos de carga de CSS/JS/imágenes mejoran normalmente entre un 40 y un 70% para visitantes internacionales.
• Tiempo total de carga de página: Dependiendo de cuán cargadas de assets estén tus páginas, los tiempos totales de carga pueden mejorar entre un 30 y un 60% para visitantes en regiones distantes.

Para un sitio WordPress alojado en Europa con una audiencia global, un CDN es una de las optimizaciones de rendimiento más impactantes que puedes realizar.

Beneficios de seguridad de los CDN

Los CDN modernos hacen más que solo acelerar las cosas. También protegen tu sitio:

• Protección contra DDoS: Los proveedores de CDN absorben ataques volumétricos a través de su red global. Incluso el plan gratuito de Cloudflare incluye mitigación de DDoS siempre activa que maneja ataques de cualquier tamaño.
• Web Application Firewall (WAF): Cloudflare, StackPath y otros CDN ofrecen reglas de WAF que bloquean ataques comunes a WordPress (inyección SQL, XSS, intentos de fuerza bruta de inicio de sesión) en el edge, antes de que las peticiones maliciosas lleguen a tu servidor.
• Terminación SSL/TLS: Los CDN pueden gestionar certificados SSL por ti, cifrar el tráfico entre el visitante y el servidor edge y, opcionalmente, cifrar la conexión entre el edge y tu origen.
• Protección contra bots: Los CDN pueden identificar y bloquear bots maliciosos, scrapers y crawlers que malgastan los recursos de tu servidor.

Cuándo no necesitas un CDN

Un CDN no siempre es necesario. En algunas situaciones, la complejidad añadida no merece la pena:

• Audiencia local: Si tu sitio WordPress sirve a una audiencia puramente local (por ejemplo, un restaurante en Múnich con solo visitantes alemanes), y tu servidor ya está en Alemania, un CDN aporta un beneficio mínimo para los assets estáticos. Sin embargo, el plan gratuito de Cloudflare aún proporciona DNS, SSL y funciones de seguridad que merecen la pena usar.
• Tráfico muy bajo: Si tu sitio recibe menos de unos pocos cientos de visitantes al día, tu servidor de origen puede manejar la carga sin problemas. Un CDN aún mejorará la velocidad ligeramente, pero puede no ser una prioridad.
• Hosting WordPress gestionado: Algunos hosts gestionados de WordPress como Kinsta, WP Engine o Cloudways incluyen un CDN en sus planes de hosting. En ese caso, ya tienes uno y no necesitas un proveedor separado.

Qué comprueba InspectWP

InspectWP detecta el uso de CDN analizando las cabeceras de respuesta y los registros DNS. Identifica si tu sitio enruta el tráfico a través de un proveedor CDN como Cloudflare, Sucuri u otros. Si tu sitio sirve a una audiencia global y no se detecta ningún CDN, esto se marca como una posible mejora de rendimiento. El informe también muestra qué proveedor de CDN está en uso, para que puedas verificar que tu configuración de CDN funciona correctamente.