Saltar al contenido
Aback Tools Logo

Generador de encabezados de control de caché CDN

Cree encabezados Cache-Control para activos comprimidos: establezca max-age, s-maxage, stale-when-revalidate y Vary: Accept-Encoding correctamente para la entrega CDN. Elija entre cinco ajustes preestablecidos de tipos de activos (activos estáticos con contenido hash, páginas HTML, API públicas, API privadas) o configure todas las directivas manualmente. El generador de encabezados de control de caché de cdn genera fragmentos de configuración listos para pegar para Nginx, Apache, Cloudflare, AWS CloudFront, Fastly y Vercel, con advertencias en tiempo real para combinaciones de directivas contradictorias. Toda la generación se ejecuta en su navegador; no es necesario registrarse.

CDN Cache-Control Header Builder

Build Cache-Control headers for compressed assets - sets max-age, s-maxage, stale-while-revalidate, and Vary correctly for CDN delivery. Choose an asset type preset or configure all options manually. Generates ready-to-paste server config snippets for Nginx, Apache, Cloudflare, CloudFront, Fastly, and Vercel.

Asset Type Preset

Cache Durations

Cache Directives

Vary Headers

Generated Headers

Cache-Control

Cache-Control: max-age=31536000, s-maxage=31536000, stale-if-error=86400, immutable

Vary

Vary: Accept-Encoding

Server / CDN Config Snippet

Nginx snippet

# Nginx - add to your server {} or location {} block
add_header Cache-Control "max-age=31536000, s-maxage=31536000, stale-if-error=86400, immutable";
add_header Vary "Accept-Encoding";
# For compressed assets, also add:
add_header Content-Encoding gzip;

Directive Reference

max-age - browser cache TTL in seconds

s-maxage - CDN/shared cache TTL (overrides max-age for CDNs)

stale-while-revalidate - serve stale while fetching fresh in background

stale-if-error - serve stale if origin returns 5xx error

immutable - skip revalidation during max-age (content-hashed assets only)

Vary: Accept-Encoding - required for CDNs to cache compressed variants separately

¿Por qué utilizar nuestro generador de encabezados de control de caché CDN?

  • Generación instantánea de encabezados de control de caché: genere encabezados de control de caché correctos para activos comprimidos al instante: el generador de encabezados de control de caché de cdn produce fragmentos de configuración de servidor listos para pegar para Nginx, Apache, Cloudflare, CloudFront, Fastly y Vercel con advertencias de configuración incorrecta en tiempo real.
  • Generador de encabezados CDN Cache-Control seguro en línea: toda la generación de encabezados se ejecuta completamente en su navegador. El generador de encabezados de control de caché de cdn nunca envía su configuración a ningún servidor: es seguro para crear encabezados para API internas, puntos finales autenticados y configuraciones de CDN propietarias.
  • 5 ajustes preestablecidos de tipos de activos + modo personalizado completo: elija entre 5 ajustes preestablecidos probados en batalla (activos estáticos con contenido hash, activos versionados, páginas HTML, API públicas y API privadas) o configure cada directiva manualmente. El generador de encabezados de control de caché de cdn establece max-age, s-maxage, stale-when-revalidate y Vary correctamente para cada caso de uso.
  • 100% gratis para siempre: el creador de encabezados de control de caché de cdn es completamente gratuito, sin registro, sin nivel premium, sin límites y sin anuncios. Cree encabezados Cache-Control para activos ilimitados y configuraciones de CDN sin costo alguno, para siempre.

Casos de uso comunes para el generador de encabezados de control de caché de CDN

  • Almacenamiento en caché de activos estáticos con hash de contenido: cree encabezados de control de caché para JS, CSS y archivos de imagen con hashes de contenido en sus nombres de archivo; el generador de encabezados de control de caché de cdn genera la combinación max-age=31536000, inmutable, Vary: Accept-Encoding para almacenamiento en caché de CDN permanente con prevención de caché instantánea durante la implementación.
  • Configuración de caché de página HTML: configure Cache-Control para documentos HTML que necesitan un almacenamiento en caché CDN breve con estado obsoleto mientras se revalida para una entrega rápida. El generador de encabezados de control de caché de cdn establece no-cache con s-maxage y stale-when-revalidate para que los CDN proporcionen HTML obsoleto al instante mientras obtienen contenido nuevo en segundo plano.
  • Almacenamiento en caché de respuesta de API pública: genere encabezados de control de caché para puntos finales de API JSON públicos que se benefician del almacenamiento en caché de CDN. El generador de encabezados de control de caché de cdn establece la combinación correcta de s-maxage, stale-when-revalidate y Vary: Accept-Encoding para que los CDN almacenen en caché las respuestas comprimidas y sin comprimir por separado.
  • Encabezados de puntos finales privados/autenticados: cree encabezados de control de caché sin almacenamiento para puntos finales API autenticados y respuestas específicas del usuario. El generador de encabezados de control de caché de cdn garantiza que las respuestas privadas nunca se almacenen en caché mediante CDN o cachés compartidos, lo que evita que se entreguen datos confidenciales al usuario equivocado.
  • Configuración de CDN múltiple: genere fragmentos de configuración de servidor para Nginx, Apache, Cloudflare, AWS CloudFront, Fastly y Vercel a partir de un único conjunto de opciones. El generador de encabezados de control de caché de cdn elimina la necesidad de traducir manualmente la semántica de Cache-Control al formato de configuración de cada CDN.
  • Planificación de estrategias de estado obsoleto mientras se revalida: configure duraciones de estado obsoleto mientras se revalida y obsoleto si se produce un error para estrategias de almacenamiento en caché de alta disponibilidad. El generador de encabezados cdn cache-control muestra exactamente cómo interactúan estas directivas con max-age y s-maxage, con advertencias para combinaciones de directivas contradictorias.

¿Qué es un generador de encabezados de control de caché CDN?

Un generador de encabezados de control de caché de CDN genera los encabezados de respuesta HTTP Cache-Control y Vary correctos para los activos servidos a través de un CDN, lo que garantiza que los navegadores y los nodos perimetrales de CDN almacenen en caché las respuestas correctamente. Para recursos comprimidos (GZIP o Brotli), el encabezado Vary: Accept-Encoding es fundamental; sin él, las CDN pueden ofrecer una respuesta comprimida a un cliente que no admite la compresión, lo que provoca un error de descompresión. El generador de encabezados cdn cache-control establece max-age (TTL del navegador), s-maxage (CDN TTL), stale-when-revalidate (actualización en segundo plano) y stale-if-error (respaldo de error) correctamente para cada tipo de activo.

Cómo funciona nuestro generador de encabezados de control de caché CDN

  1. 1 Seleccione un ajuste preestablecido de tipo de recurso: elija entre cinco ajustes preestablecidos: activos estáticos con contenido hash, activos versionados, páginas HTML, API públicas o API privadas. Cada ajuste preestablecido aplica la combinación correcta de directivas para ese caso de uso. Cambie a Personalizado para configurar todas las opciones manualmente.
  2. 2 Ajuste las duraciones y las directivas: ajuste la edad máxima, s-maxage, obsoleto mientras se revalida y obsoleto si se produce un error utilizando los selectores de duración. Alternar directivas de caché (sin almacenamiento, sin caché, debe revalidar, inmutable) y variar encabezados. El generador de encabezados cdn cache-control actualiza los encabezados generados instantáneamente y muestra advertencias para combinaciones contradictorias.
  3. 3 Copie el encabezado y el fragmento del servidor: los valores de encabezado Cache-Control y Vary generados se muestran con los botones de copia con un solo clic. Seleccione su CDN o servidor (Nginx, Apache, Cloudflare, CloudFront, Fastly, Vercel) para obtener un fragmento de configuración listo para pegar.

Directivas clave de control de caché para activos comprimidos

  • Variar: Accept-Encoding: el encabezado más importante para activos comprimidos: indica a las CDN que almacenen entradas de caché separadas para respuestas comprimidas (gzip/brotli) y sin comprimir. Sin esto, una CDN puede almacenar en caché una respuesta gzip y entregársela a un cliente que no envió ningún encabezado Accept-Encoding, lo que provoca una descarga interrumpida.
  • s-maxage vs max-age: s-maxage anula la edad máxima para cachés compartidas (CDN, proxies) y deja el TTL del navegador sin cambios. Utilice s-maxage para establecer un TTL de CDN más largo que el TTL del navegador; por ejemplo, max-age=0, s-maxage=86400 significa que los navegadores siempre revalidan pero los CDN almacenan en caché durante 24 horas.
  • obsoleto mientras se revalida: permite que las CDN proporcionen una respuesta obsoleta inmediatamente mientras obtienen una nueva en segundo plano. Esto elimina el pico de latencia cuando caduca una respuesta almacenada en caché: los usuarios siempre obtienen una respuesta rápida y la caché se actualiza de forma asincrónica.
  • inmutable: indica a los navegadores que no revaliden la respuesta durante su período de antigüedad máxima, incluso en caso de recarga explícita. Úselo únicamente con nombres de archivos con contenido hash (por ejemplo, app.a1b2c3d4.js); si el contenido cambia, el nombre del archivo debe cambiar para eliminar el caché.

Errores comunes que se deben evitar en el control de caché

El error más común es configurar Cache-Control: max-age=31536000 sin Vary: Accept-Encoding en activos comprimidos: las CDN almacenarán en caché solo una variante y pueden ofrecer la incorrecta. Otro error común es usar inmutables sin nombres de archivos con contenido hash: si el archivo cambia pero la URL permanece igual, los navegadores mostrarán la versión obsoleta en caché indefinidamente. El generador de encabezados de control de caché de cdn detecta estos problemas y muestra advertencias en tiempo real. Pruebe siempre sus encabezados Cache-Control con curl -I y verifique el comportamiento de CDN con el inspector de caché de su CDN antes de implementarlo en producción.

Preguntas frecuentes

Un generador de encabezados de control de caché de cdn genera encabezados de respuesta HTTP Cache-Control y Vary correctos para los activos servidos a través de un CDN. Nuestro generador de encabezados de control de caché de CDN gratuito en línea produce fragmentos de configuración de servidor listos para pegar para Nginx, Apache, Cloudflare, CloudFront, Fastly y Vercel. Toda la generación se ejecuta en su navegador sin necesidad de registrarse.

Sin Vary: Accept-Encoding, una CDN puede almacenar en caché una respuesta comprimida con gzip y entregársela a un cliente que no envió ningún encabezado Accept-Encoding, lo que provoca una descarga interrumpida. El encabezado Vary indica a las CDN que almacenen entradas de caché separadas para variantes comprimidas y sin comprimir de la misma URL.

Sí. Toda la generación de encabezados se ejecuta completamente en su navegador mediante JavaScript. No se envían datos de configuración a ningún servidor, no se almacenan de forma remota ni se transmiten a través de la red.

Sí, 100% gratis, para siempre. Sin registro, sin cuenta, sin nivel premium, sin límites y sin anuncios.

max-age establece el TTL de la caché del navegador. s-maxage anula la edad máxima para cachés compartidas (CDN, proxies) y deja el TTL del navegador sin cambios. Utilice s-maxage para establecer un TTL de CDN más largo que el TTL del navegador; por ejemplo, max-age=0, s-maxage=86400 significa que los navegadores siempre revalidan pero los CDN almacenan en caché durante 24 horas.

Utilice inmutable solo con nombres de archivos con contenido hash (por ejemplo, app.a1b2c3d4.js) y max-age=31536000. Le indica a los navegadores que no revaliden durante la edad máxima, incluso en recargas explícitas. Nunca use inmutables con URL sin hash: si el contenido cambia, el nombre del archivo debe cambiar para eliminar el caché.

Stale-when-revalidate permite que las CDN proporcionen una respuesta obsoleta inmediatamente mientras obtienen una nueva en segundo plano. Esto elimina el pico de latencia cuando caduca una respuesta almacenada en caché. Úselo para páginas HTML y respuestas API donde sea aceptable una respuesta ligeramente obsoleta.

Utilice no-store para datos verdaderamente confidenciales: evita el almacenamiento en caché, incluso en el navegador. Utilice no-cache para respuestas que se pueden almacenar en caché pero que siempre deben revalidarse. Para la mayoría de las API privadas, no almacenar es la opción más segura.

Prueba con curl: curl -I https://yoursite.com/assets/app.js. Busque los encabezados Cache-Control y Vary en la respuesta. Para conocer el comportamiento de la CDN, verifique el encabezado de estado de la caché de su CDN (Cloudflare: CF-Cache-Status, CloudFront: X-Cache). Pruebe siempre las solicitudes comprimidas y sin comprimir para verificar que Vary: Accept-Encoding esté funcionando.