Cómo funciona un CDN

La latencia de red (el tiempo que tarda una petición en viajar del usuario al servidor y volver) depende de la distancia física. Un servidor en Europa responde en ~30ms a un usuario europeo, pero en ~200ms a un usuario en Asia o América. Un CDN reduce esa latencia al servir contenido desde servidores edge distribuidos por todo el mundo.

Los CDN modernos no solo cachean archivos estáticos (imágenes, CSS, JavaScript). También pueden cachear respuestas HTML, ejecutar lógica en el edge (edge computing), optimizar imágenes automáticamente, aplicar compresión y gestionar certificados SSL. Son una pieza crítica de cualquier arquitectura web que priorice el rendimiento.

Cuando un usuario visita tu web, la petición se enruta al edge server (PoP — Point of Presence) más cercano a su ubicación. Si ese servidor tiene una copia en cache del recurso solicitado (cache HIT), lo devuelve inmediatamente sin contactar tu servidor origen. Si no lo tiene (cache MISS), solicita el recurso al origen, lo devuelve al usuario y almacena una copia para futuras peticiones.

Los CDN principales (Cloudflare, AWS CloudFront, Fastly, Akamai) tienen cientos de PoPs en todo el mundo. Cloudflare opera en más de 310 ciudades, lo que significa que prácticamente cualquier usuario está a menos de 50ms de un edge server.

La configuración de cache es donde el CDN aporta o resta valor. Una cache demasiado agresiva sirve contenido obsoleto; una cache demasiado corta genera muchos MISS y no aprovecha la red de distribución. La clave es definir TTL adecuados por tipo de recurso.

Los assets estáticos versionados (main.a1b2c3.js, styles.x7y8z9.css) pueden cachearse indefinidamente (TTL de 1 año) porque el nombre del archivo cambia cuando el contenido cambia. El HTML debe tener TTL más corto (segundos a minutos) para reflejar actualizaciones de contenido. Las imágenes suelen cachearse durante días o semanas.

Un CDN bien configurado puede reducir el Time to First Byte (TTFB) de 200-500ms a menos de 50ms. Esto impacta directamente en Largest Contentful Paint (LCP) y en la percepción de velocidad del usuario. Google usa Core Web Vitals como factor de ranking, lo que convierte al CDN en una herramienta de SEO técnico.

Además del cache, los CDN modernos aplican optimizaciones automáticas: compresión Brotli/gzip, HTTP/2 y HTTP/3, Early Hints, optimización de imágenes (WebP, AVIF, resize automático) y minificación de HTML/CSS/JS. Cada optimización reduce bytes transferidos y mejora tiempos de carga.

Cloudflare es el más popular por su free tier generoso, su red de 310+ PoPs y sus funcionalidades adicionales (WAF, DDoS protection, Workers para edge computing). AWS CloudFront se integra nativamente con el ecosistema AWS. Fastly destaca por su cache programable con VCL/Compute@Edge y tiempos de purge de menos de 150ms.

Vercel y Netlify incluyen CDN integrado en su plataforma de deploy, ideal para proyectos JAMstack/headless. Para ecommerce de alto tráfico, Akamai y Fastly ofrecen el rendimiento y las garantías de SLA que requieren las tiendas con millones de visitas.

La configuración mínima de un CDN incluye: definir el origen (tu servidor o servicio de hosting), configurar HTTPS con certificado SSL (la mayoría de CDN lo gestionan automáticamente), establecer cache headers adecuados y verificar que la compresión está activa.

Las buenas prácticas avanzadas incluyen: usar cache keys personalizados para contenido dinámico, configurar stale-while-revalidate para equilibrar frescura y rendimiento, implementar purge automático cuando se despliega nuevo contenido, y monitorizar el cache hit ratio (objetivo: >90%).