¿Qué es una CDN? Redes de distribución de contenido explicadas fácilmente

Una CDN (red de distribución de contenido) es una red de servidores repartidos por muchas ciudades que guardan copias de los archivos de tu web: imágenes, scripts, hojas de estilo y, a veces, páginas completas. Cuando alguien visita tu sitio, recibe los archivos desde una ubicación cercana en lugar de desde un servidor lejano. Así las páginas cargan más rápido, se libera carga de tu propio servidor y el sitio aguanta mejor los picos de tráfico.

Por qué importan las CDN cuando construyes con IA

Puede que nunca configures una CDN tú mismo, porque muchas plataformas de alojamiento ponen una delante de tu sitio automáticamente. Pero sí notarás sus efectos:

Velocidad. Las páginas que cargan más rápido retienen a los visitantes, y es uno de los factores que tienen en cuenta los buscadores. Consulta cómo hacer tu web más rápida.
«¿Por qué no se ve mi cambio?». Después de publicar una actualización, una copia en caché de la versión antigua puede quedarse un rato. Saber por qué evita muchas confusiones.
Privacidad y corrección. Si una CDN guarda en caché algo que no debía, por ejemplo una página con los datos de un usuario, el siguiente visitante puede verlo. Saber qué debe y qué no debe guardarse en caché te ayuda a hacer las preguntas adecuadas.

Una analogía cotidiana

Imagina una panadería que vende su pan a todo el país desde una sola tienda. Cada cliente, por lejos que viva, tiene que esperar la entrega desde esa única tienda, y en un día de mucha demanda la cola es enorme.

Una CDN es como tener el mismo pan en tiendas de barrio repartidas por el país. Los clientes lo recogen cerca, rápido, y la panadería principal solo tiene que reponer esas tiendas de vez en cuando. El inconveniente: cuando la panadería cambia la receta, las tiendas de barrio siguen vendiendo la versión antigua hasta que se les dice que la reemplacen o hasta que caduque el stock.

Cómo funciona una CDN

Tu origen. Tu sitio vive en tu servidor principal o en tu plataforma de alojamiento, lo que se llama origen.
Nodos de borde. La CDN tiene servidores en muchos lugares, llamados nodos de borde o puntos de presencia.
Enrutamiento. Cuando un visitante pide tu sitio, el DNS o el enrutamiento de red lo envía al nodo cercano. Consulta cómo funcionan los dominios y el DNS.
Acierto de caché. Si ese nodo ya tiene una copia reciente del archivo, la envía de inmediato.
Fallo de caché. Si no la tiene, el nodo pide el archivo a tu origen, lo envía al visitante y guarda una copia para la siguiente persona.
Caducidad. Cada copia se conserva durante un tiempo determinado, controlado por las cabeceras de caché que envía tu servidor, o hasta que se purga.

Un ejemplo práctico: la web de un fotógrafo con fotos

La web de portfolio de un fotógrafo tiene una página de inicio, una galería con 60 imágenes grandes y un formulario de contacto. El origen está en Europa. Una visitante en Singapur abre la galería.

Sin CDN: cada imagen viaja desde Europa. Cada petición da una vuelta al mundo, así que la galería se llena despacio.
Con CDN: la primera visitante cerca de Singapur hace que el nodo de esa zona pida las imágenes y las guarde. Todas las visitas posteriores de la región las reciben desde un punto cercano, mucho más rápido.

Ahora el fotógrafo cambia la foto principal de la portada y vuelve a publicar. Esto es lo que decide si los visitantes la ven:

/index.html                    → caché corta, se consulta a menudo
/assets/index-3f9a2c.js        → cacheado durante mucho tiempo
/assets/hero-8b41d0.jpg        → cacheado durante mucho tiempo

Las herramientas de compilación modernas, incluido Vite, dan a los archivos nombres con hash como hero-8b41d0.jpg. Cuando un archivo cambia, cambia su nombre, así que la página pide un archivo completamente nuevo que ninguna caché ha visto antes. La propia página HTML se guarda en caché solo brevemente, así que pronto apunta a los archivos nuevos. Es la forma habitual de conseguir a la vez una caché larga y actualizaciones frescas.

El formulario de contacto es distinto. Sus envíos van al servidor cada vez; nunca deberían guardarse en caché.

Qué guardar en caché y qué no

Normalmente en caché (largo)	Normalmente en caché (breve)	No guardar en una CDN compartida
Imágenes, fuentes, vídeos	Páginas HTML de un sitio público	Páginas con sesión iniciada, paneles
JavaScript y CSS con nombres con hash	Datos de API públicas que cambian de vez en cuando	Cualquier cosa con datos personales
Archivos descargables que rara vez cambian		Envíos de formularios, pagos, cualquier petición `POST`

Términos clave

Término	Significado
Origen	Tu servidor principal o tu host, donde viven los archivos reales.
Borde / PoP	Una ubicación de la CDN que sirve a los visitantes cercanos.
Acierto / fallo de caché	El nodo tenía el archivo / tuvo que pedirlo al origen.
TTL	Tiempo de vida: cuánto tiempo se conserva una copia en caché.
Cabecera Cache-Control	La instrucción que envía tu servidor indicando si algo puede guardarse en caché y durante cuánto tiempo.
Purgar / invalidar	Pedir a la CDN que tire las copias en caché de inmediato.
Cache busting	Cambiar el nombre o la URL de un archivo cuando cambia, para que las cachés pidan la versión nueva.
Latencia	El retraso causado por la distancia y los saltos de red.

Para la caché en general, en navegadores, servidores y bases de datos, consulta qué es la caché.

Ideas equivocadas habituales

«Una CDN hace que todo vaya más rápido». Acelera la entrega de archivos. Una consulta lenta a la base de datos o una llamada lenta a la IA en tu servidor seguirán siendo lentas.
«Una CDN sustituye al alojamiento». Se sitúa delante de tu alojamiento. Sigues necesitando un origen.
«Si actualicé la web, todo el mundo la ve al instante». Las copias antiguas pueden quedarse un rato en la CDN y en los navegadores. Haz un recargado forzado para comprobarlo y usa nombres de archivo con hash.
«La caché siempre es segura». Guardar en una caché compartida una página personalizada es un riesgo real para la privacidad. Las respuestas privadas deben marcarse como no almacenables en caché.
«Las CDN son solo para grandes empresas». Muchos hosts incluyen una para las webs pequeñas sin ningún esfuerzo adicional.

Qué preguntar a tu creador de webs con IA

«¿Hay una CDN delante de esta web? ¿Qué archivos guarda en caché y durante cuánto tiempo?»
«Asegúrate de que el JavaScript, el CSS y las imágenes compilados tengan nombres con hash y caché larga, y que el HTML tenga caché corta.»
«Nunca guardes en una caché compartida páginas con sesión iniciada ni respuestas de API con datos personales.»
«Comprime y redimensiona las imágenes para que la galería cargue rápido.»
«He publicado una actualización pero sigo viendo la versión antigua: ¿es la caché del navegador o la de la CDN?»

CDN y Mythex

Cuando publicas en Mythex, los frontends estáticos se despliegan como sitios estáticos, y la documentación indica que las cachés de CDN pueden tardar un poco en reflejar una actualización: si sigues viendo una versión antigua tras volver a publicar, haz un recargado forzado de la URL pública. No hay nada que configurar para eso. Si conectas un dominio propio cuyo DNS está en Cloudflare, la documentación pide poner el registro en «Solo DNS» en lugar de con proxy, para que Mythex pueda emitir HTTPS correctamente. Consulta cómo publicar y dominios propios en la documentación, y nuestra guía de alojamiento web.

Preguntas

¿Qué es una CDN en términos sencillos?

Una CDN (red de distribución de contenido) es una red de servidores repartidos por muchas ubicaciones que guardan copias de los archivos de tu web. Los visitantes reciben los archivos desde una ubicación cercana en lugar de desde tu servidor principal, así que las páginas cargan más rápido y tu servidor trabaja menos.

¿Por qué sigo viendo la versión antigua de mi web después de actualizarla?

Normalmente porque hay una copia del archivo antiguo en caché: en la CDN, en el navegador o en ambos. Un recargado forzado soluciona la parte del navegador; las copias de la CDN caducan solas o se pueden purgar. Las herramientas de compilación evitan casi todo esto dando nombres nuevos a los archivos modificados.

¿Necesito una CDN para una web pequeña?

A menudo ya tienes una sin haberla elegido, porque muchas plataformas de alojamiento ponen una CDN delante de los sitios automáticamente. Si la tuya no la tiene y tus visitantes están repartidos por varios países, añadir una suele merecer la pena.

¿Puede una CDN guardar en caché los datos de mi app y las páginas con sesión iniciada?

Puede guardar en caché lo que se le permita, por eso hay que configurarla con cuidado. Los archivos públicos, como imágenes, scripts y estilos, son ideales. El contenido personal o de sesión iniciada normalmente no debería guardarse en una CDN compartida, o un usuario podría ver los datos de otro.