¿Qué es una CDN? Redes de distribución de contenido explicadas de forma sencilla

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 un lugar cercano en lugar de desde un servidor lejano. Así las páginas cargan más rápido, se reduce la carga de tu propio servidor y el sitio aguanta mejor los picos de tráfico.

Por qué importan las CDN cuando creas con IA

Quizá nunca configures una CDN tú mismo, porque muchas plataformas de alojamiento la colocan delante de tu web automáticamente. Pero sí notarás sus efectos:

Velocidad. Las páginas que cargan 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?». Tras publicar una actualización, una copia en caché de la versión antigua puede seguir activa un rato. Saber por qué ocurre evita muchas confusiones.
Privacidad y corrección. Si una CDN guarda algo que no debía, por ejemplo una página con los datos de un usuario, el siguiente visitante podría verlo. Conocer qué debe y qué no debe guardarse te ayuda a hacer las preguntas adecuadas.

Una analogía cotidiana

Imagina una panadería que vende su pan en 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 mucho trabajo la cola es enorme.

Una CDN equivale a tener ese 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 reabastecer esas tiendas de vez en cuando. El inconveniente: cuando la panadería cambia la receta, las tiendas de barrio siguen vendiendo la versión anterior hasta que se les dice que la sustituyan o hasta que caduca el stock antiguo.

Cómo funciona una CDN

Tu origen. Tu sitio vive en tu servidor principal o en la 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 a un nodo cercano. Consulta cómo funcionan los dominios y el DNS.
Acierto de caché. Si ese nodo ya tiene una copia vigente del archivo, lo 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 establecido, controlado por las cabeceras de caché que envía tu servidor, o hasta que se purga.

Un ejemplo práctico: un portafolio de fotografía

El portafolio de una fotógrafa 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 la vuelta al mundo, así que la galería tarda en cargarse.
Con CDN: la primera visitante de la región hace que el nodo de Singapur pida y guarde las imágenes. Las visitas posteriores de esa zona las reciben desde un lugar cercano, mucho más rápido.

Ahora la fotógrafa sustituye la foto principal de la página de inicio y vuelve a publicar. Esto es lo que decide si los visitantes ven el cambio:

/index.html                    → tiempo de caché corto, se consulta a menudo
/assets/index-3f9a2c.js        → caché larga
/assets/hero-8b41d0.jpg        → caché larga

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 solo brevemente, así que pronto apunta a los archivos nuevos. Es la forma habitual de conseguir a la vez caché larga y actualizaciones frescas.

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

Qué guardar en caché y qué no

Normalmente en caché (larga)	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 de control
JavaScript y CSS con nombres con hash	Datos públicos de una API que cambian de vez en cuando	Cualquier cosa con datos personales
Archivos descargables que casi no cambian		Envíos de formularios, pagos, cualquier petición `POST`

Términos clave

Término	Significado
Origen	Tu servidor principal o alojamiento, donde están los archivos reales.
Borde / PoP	Un punto 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 elimine ya las copias en caché.
Cache busting	Cambiar el nombre o la URL de un archivo cuando cambia, para que las cachés descarguen el nuevo.
Latencia	El retraso causado por la distancia y los saltos de red.

Para saber más sobre la caché en general, en navegadores, servidores y bases de datos, consulta qué es la caché.

Ideas erróneas habituales

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

Qué pedir 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 front ends estáticos se despliegan como sitios estáticos, y la documentación indica que las cachés de la CDN pueden tardar un poco en reflejar una actualización: si sigues viendo una versión antigua tras volver a publicar, haz una recarga forzada de la URL pública. No hay nada que configurar para eso. Si conectas un dominio personalizado 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 personalizados 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 en muchos lugares que guardan copias de los archivos de tu sitio web. Los visitantes reciben los archivos desde un lugar cercano a ellos 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 tu navegador o en ambos. Una recarga forzada soluciona el lado del navegador; las copias de la CDN caducan solas o pueden purgarse. Las herramientas de compilación evitan la mayoría de estos casos dando a los archivos modificados nombres nuevos.

¿Necesito una CDN para una web pequeña?

A menudo ya la tienes sin haberla elegido, porque muchas plataformas de alojamiento colocan una CDN delante de los sitios automáticamente. Si la tuya no la incluye 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 inicio de sesión?

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 las páginas con sesión iniciada normalmente no deberían guardarse en una CDN compartida, porque un usuario podría ver los datos de otro.