Cache y CDN con criterio: teoría y casos de producción

Aprende a reducir latencia de entrega con cache HTTP y edge sin romper coherencia de datos.

Cache y CDN son palancas de alto impacto para bajar TTFB y estabilizar picos de tráfico.

La teoría clave es separar recursos inmutables de respuestas dinámicas para aplicar politicas correctas.

Una cache mal configurada puede servir contenido obsoleto o exponer datos privados.

La diferencia real no es tener CDN, sino operarla con estrategia por tipo de recurso.

  • Cache-Control define donde y cuanto tiempo puede almacenarse una respuesta.
  • ETag y Last-Modified permiten revalidar sin transferir todo el recurso.
  • Assets versionados por hash habilitan cache larga segura en browser y edge.
  • No cachear respuestas sensibles en capas públicas.
  • Definir invalidación por despliegue y por contenido.

Semántica de cache HTTP

Cache-Control define donde y cuanto tiempo puede almacenarse una respuesta.

ETag y Last-Modified permiten revalidar sin transferir todo el recurso.

Assets versionados por hash habilitan cache larga segura en browser y edge.

Casos reales por tipo de producto

Checklist de operación segura

  • No cachear respuestas sensibles en capas públicas.
  • Definir invalidación por despliegue y por contenido.
  • Monitorear hit ratio CDN y latencia de origen.
  • Documentar reglas para que todo el equipo las aplique igual.
WPO (Rendimiento Web)
09

Cache y CDN con criterio: teoría y casos de producción

Aprende a reducir latencia de entrega con cache HTTP y edge sin romper coherencia de datos.

Código del tema: Cache-Control: public, max-age=31536000, immutable

📘 Teoría

Semántica de cache HTTP

1

Cache-Control define donde y cuanto tiempo puede almacenarse una respuesta.

2

ETag y Last-Modified permiten revalidar sin transferir todo el recurso.

3

Assets versionados por hash habilitan cache larga segura en browser y edge.

Casos reales por tipo de producto

1

Ecommerce

Imagenes y CSS con cache larga; stock y precio con TTL corto.

2

SaaS

HTML autenticado sin cache pública; assets estáticos en CDN immutable.

3

Media

Portada con TTL corto y stale-while-revalidate para picos.

Checklist de operación segura

  • No cachear respuestas sensibles en capas públicas.
  • Definir invalidación por despliegue y por contenido.
  • Monitorear hit ratio CDN y latencia de origen.
  • Documentar reglas para que todo el equipo las aplique igual.

🧪 Aprende probando

Ejemplo Ejemplo: políticas por tipo de recurso

🧰 Recursos

Test

Comprueba tus conocimientos con un test sobre WPO (Rendimiento Web).

Test de WPO (Rendimiento Web)

¿Qué es esto?

Soy Cristian Eslava y a veces hago webs para procrastinar yo y vosotros 😉.

Esta la hice en febrero de 2026 para facilitar el aprendizaje de mis alumnxs. Aprender desarrollo web practicando. La idea es que crezca semanalmente con nuevos temas, tests y retos.

Inspirado en MDN, en W3Schools, en Codepen, en el crack de Manz y en mil sitios de documentación sobre desarrollo web. Quería aportar además de bloques teóricos con ejemplos, la gamificación de los retos y el sistema de test que ya tenía en culTest .

Si te gustó, si no te gustó, si quieres saludarme, o invitarme a 🍻 no dudes en escribirme en cristianeslava@gmail.com .