Cloudflare CDN

Qué es Cloudflare CDN y cómo acelera tu web

Cloudflare CDN es la red de distribución de contenido integrada en la plataforma Cloudflare, operativa en más de 330 ciudades de 120 países. Su función específica es cachear y servir contenido estático (imágenes, CSS, JavaScript, fuentes) desde el punto de presencia más cercano al visitante, reduciendo la latencia y la carga sobre el servidor de origen. A diferencia de CDN tradicionales que facturan por GB transferido, Cloudflare incluye ancho de banda ilimitado en todos sus planes, incluido el gratuito.

El CDN de Cloudflare funciona como proxy inverso: todo el tráfico pasa por su red Anycast antes de llegar al origen. Cada petición se resuelve en el datacenter más cercano geográficamente. Si el recurso está cacheado, se sirve directamente sin tocar el servidor. Si no, Cloudflare lo solicita al origen, lo almacena en caché y lo distribuye para las siguientes peticiones. Este modelo reduce el TTFB (Time to First Byte) entre un 30% y un 60% según la ubicación del visitante respecto al origen.

Capacidades técnicas del CDN

Red Anycast global: Más de 330 PoPs (puntos de presencia) con una capacidad de red superior a 310 Tbps. El 95% de la población mundial conectada a Internet se encuentra a menos de 50 milisegundos de un nodo Cloudflare. Cada servicio corre en cada servidor de cada datacenter, eliminando cuellos de botella geográficos.

Tiered Cache: Sistema de caché por niveles que evita peticiones innecesarias al origen. Cuando un PoP no tiene el contenido cacheado, consulta primero un PoP regional más grande antes de ir al servidor de origen. Esto incrementa las tasas de acierto de caché (cache hit ratio) por encima del 90% en la mayoría de configuraciones, reduciendo drásticamente la carga del origen y los costes de infraestructura.

Argo Smart Routing: Analiza las condiciones de la red en tiempo real y enruta el tráfico por los caminos más rápidos, evitando congestión y puntos de latencia elevada. Reduce la latencia un 30% de media para contenido dinámico que no puede cachearse. Es un add-on de pago (5 USD/mes base + 0,10 USD por GB) disponible desde el plan Free.

Early Hints (103): Envía hints HTTP 103 al navegador antes de que el servidor termine de procesar la respuesta, permitiendo que el navegador precargue recursos críticos (CSS, fuentes, scripts). Funciona sobre HTTP/2 y HTTP/3, mejorando el LCP (Largest Contentful Paint) sin modificar código.

Optimización de imágenes en el CDN

Cloudflare incluye varias capas de optimización de imágenes dentro de su CDN. Polish comprime imágenes automáticamente, elimina metadatos EXIF innecesarios y convierte a formato WebP cuando el navegador lo soporta, reduciendo el tamaño medio un 35%. Mirage detecta conexiones lentas y sustituye las imágenes por placeholders de baja resolución hasta que la página termina de renderizar, combinando además múltiples peticiones de imágenes en una sola. Ambas funcionalidades requieren el plan Pro (20 USD/mes) o superior.

Image Resizing permite transformar imágenes al vuelo en el edge: redimensionar, recortar, ajustar calidad y convertir formato mediante parámetros URL. Esto elimina la necesidad de generar múltiples tamaños de imagen en el servidor y sirve la variante óptima para cada dispositivo. Disponible como add-on o incluido en Business y Enterprise.

Protocolos y estándares soportados

El CDN de Cloudflare soporta HTTP/3 con QUIC en todos los planes, incluido el gratuito. QUIC resuelve el problema de head-of-line blocking de TCP: en conexiones con pérdida de paquetes (móviles, WiFi inestable), HTTP/3 mantiene el rendimiento mientras HTTP/2 se degrada. También soporta Brotli para compresión de texto (más eficiente que Gzip), TLS 1.3 con 0-RTT para reconexiones rápidas, y WebSockets para aplicaciones en tiempo real.

La minificación automática comprime HTML, CSS y JavaScript eliminando espacios, comentarios y caracteres innecesarios directamente en el edge, sin modificar los archivos en el servidor de origen. Rocket Loader optimiza la carga de JavaScript difiriendo scripts que no son críticos para el renderizado inicial.

Cache Rules y configuración granular

Cloudflare permite configurar reglas de caché por URL, extensión de archivo, cabeceras o cookie. Las Cache Rules (sustituyendo a las antiguas Page Rules) ofrecen control granular: definir TTL por recurso, establecer bypass de caché para páginas dinámicas (carritos, checkout, cuentas de usuario), forzar caché para contenido que el origen marca como no-cacheable, y purgar selectivamente por URL, prefijo o tag.

El plan gratuito incluye 10 reglas de caché. Pro amplía a 25, Business a 50, y Enterprise ofrece reglas ilimitadas. Para WordPress y WooCommerce, el plugin oficial de Cloudflare gestiona el purgado automático cuando se actualiza un producto o página, evitando servir contenido obsoleto.

APO: cacheado de HTML completo

Cloudflare APO (Automatic Platform Optimization) es un add-on específico para WordPress que cachea no solo los assets estáticos sino el HTML completo de las páginas en el edge. Esto convierte efectivamente tu WordPress en un sitio estático desde la perspectiva del visitante: cero peticiones al servidor de origen en cada visita. El resultado es una reducción del TTFB de 1-3 segundos a 30-80 milisegundos. APO cuesta 5 USD/mes y está incluido en los planes Pro, Business y Enterprise.

Rendimiento medible y métricas

Cloudflare CDN impacta directamente en Core Web Vitals. LCP mejora al servir imágenes y recursos desde el PoP más cercano. INP (Interaction to Next Paint) se beneficia de la reducción de latencia en peticiones API dinámicas cuando se usa Argo. CLS se estabiliza con la carga optimizada de fuentes vía la funcionalidad de fuentes de Cloudflare. Las tiendas que activan el CDN de Cloudflare reportan mejoras del 30-50% en tiempos de carga según los datos del dashboard de analytics integrado, que muestra métricas de caché, ancho de banda ahorrado y distribución geográfica del tráfico.

Cuándo Cloudflare CDN no es suficiente

El CDN gratuito de Cloudflare tiene limitaciones reales. No cachea HTML por defecto, requieres APO o configuración manual. La optimización de imágenes (Polish, Mirage) necesita plan Pro. El purge de caché puede tardar hasta 30 segundos en propagarse globalmente. Para sitios con requisitos de caché extremadamente granulares o lógica de invalidación compleja, CDN como Fastly ofrecen purge instantáneo (<150ms) y VCL personalizable. Y si tu audiencia se concentra en una sola región, un CDN más pequeño pero con PoPs mejor posicionados localmente puede ofrecer mejor rendimiento específico.

Características Principales

• Red Anycast global con más de 330 PoPs en 120 países y capacidad superior a 310 Tbps
• Tiered Cache multinivel que consulta PoPs regionales antes de ir al servidor de origen
• Argo Smart Routing con enrutamiento inteligente en tiempo real, reduce latencia un 30%
• Polish para compresión automática de imágenes con conversión a WebP
• Mirage para carga optimizada de imágenes en conexiones lentas con lazy loading
• Image Resizing para transformación de imágenes al vuelo en el edge
• HTTP/3 con QUIC, Brotli y TLS 1.3 con 0-RTT en todos los planes
• Early Hints (103) para precarga de recursos críticos antes de la respuesta del servidor
• Cache Rules con TTL personalizable, bypass por cookie y purge selectivo
• APO para WordPress con caché de HTML completo y purgado automático
• Rocket Loader para diferir JavaScript no crítico y mejorar renderizado

Se integra con 20 herramientas