Generador de configuración de compresión de bordes Vercel
Genere la configuración de Vercel para ofrecer activos estáticos comprimidos con encabezados y configuraciones de caché correctos, en línea y de forma gratuita. Nuestro generador de configuración de compresión de borde de Vercel produce resultados vercel.json, next.config.js o Edge Middleware con estrategias de control de caché configurables, encabezados Vary: Accept-Encoding y encabezados de seguridad. Cubre activos estáticos, rutas API y optimización de imágenes Next.js. Incluye orientación sobre la implementación de activos precomprimidos. No es necesario registrarse, 100% basado en navegador.
Include Routes
Additional Headers
vercel.json
// vercel.json
// Vercel automatically enables Brotli and GZIP compression for all responses.
// This config adds correct Cache-Control and Vary headers for CDN caching.
{
"headers": [
{
"source": "/_next/static/(.*)",
"headers": [
{
"key": "Cache-Control",
"value": "public, max-age=31536000, immutable"
},
{
"key": "Vary",
"value": "Accept-Encoding"
},
{
"key": "X-Content-Type-Options",
"value": "nosniff"
}
]
},
{
"source": "/static/(.*)",
"headers": [
{
"key": "Cache-Control",
"value": "public, max-age=31536000, immutable"
},
{
"key": "Vary",
"value": "Accept-Encoding"
},
{
"key": "X-Content-Type-Options",
"value": "nosniff"
}
]
},
{
"source": "/(.*\\.(?:js|css|woff2?|ttf|otf|ico|svg|png|jpg|jpeg|webp|avif|gif))",
"headers": [
{
"key": "Cache-Control",
"value": "public, max-age=31536000, immutable"
},
{
"key": "Vary",
"value": "Accept-Encoding"
},
{
"key": "X-Content-Type-Options",
"value": "nosniff"
}
]
},
{
"source": "/api/(.*)",
"headers": [
{
"key": "Cache-Control",
"value": "no-cache, no-store, must-revalidate"
},
{
"key": "Vary",
"value": "Accept-Encoding"
},
{
"key": "X-Content-Type-Options",
"value": "nosniff"
}
]
}
]
}Vercel automatically enables Brotli and GZIP compression for all responses - no configuration is needed to enable compression itself. This config focuses on correct Cache-Control and Vary headers to ensure CDN caching works correctly with compressed responses.
¿Por qué utilizar nuestro generador de configuración de compresión Vercel Edge?
- Generación instantánea de configuración de compresión de Vercel: nuestro generador de configuración de compresión de borde de Vercel produce encabezados Cache-Control y Vary correctos para activos estáticos comprimidos al instante, en formato vercel.json, next.config.js o Edge Middleware. No se requiere lectura manual de la documentación de Vercel.
- Generador de configuración de compresión de borde Vercel seguro en línea: sus opciones de configuración nunca abandonan su dispositivo cuando utiliza nuestro generador de configuración de compresión de borde Vercel en línea. Toda la generación de código se ejecuta íntegramente en su navegador: sin solicitudes de servidor, sin retención de datos, 100% privado.
- Tres formatos de salida: vercel.json, next.config.js, Edge Middleware: genere la configuración de compresión de Vercel en su formato preferido: encabezados vercel.json para cualquier proyecto de Vercel, función next.config.js headers() para Next.js o middleware.ts Edge Middleware para un control detallado del encabezado por solicitud.
- Generador de configuración de compresión Vercel Edge: sin instalación: genere la configuración de compresión Vercel directamente en su navegador. No Vercel CLI, no se requiere proyecto Next.js. Nuestro generador de configuración de compresión de borde Vercel gratuito funciona en cualquier dispositivo con un navegador moderno: sin registro ni límites de tamaño de archivo.
Preguntas frecuentes
Un generador de configuración de compresión de borde de Vercel produce la configuración vercel.json, next.config.js o Edge Middleware correcta para servir activos estáticos comprimidos con encabezados Cache-Control y Vary correctos en Vercel. Nuestro generador de configuración de compresión de bordes Vercel gratuito en línea se ejecuta completamente en su navegador.
Sí: Vercel habilita automáticamente la compresión Brotli y GZIP para todas las respuestas en el nivel de red perimetral. Este generador se centra en los encabezados Cache-Control y Vary: Accept-Encoding correctos que garantizan que la red perimetral almacene en caché y proporcione respuestas comprimidas correctamente.
Sí. Toda la generación de código se ejecuta completamente en su navegador utilizando 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 de tamaño de archivo y sin anuncios que interrumpan su flujo de trabajo.
El encabezado Vary: Accept-Encoding le indica a la red perimetral de Vercel y a las CDN posteriores que almacenen en caché variantes de respuesta separadas para los clientes que admiten Brotli, GZIP o sin compresión. Sin él, Edge Network puede ofrecer una respuesta comprimida con Brotli a un cliente que solo admite GZIP.
Los encabezados vercel.json funcionan para cualquier proyecto alojado en Vercel independientemente del marco. next.config.js headers() es específico de Next.js. Edge Middleware (middleware.ts) se ejecuta en Vercel Edge Network en cada solicitud, lo que permite la inyección dinámica de encabezados.
Utilice "inmutable" (Cache-Control: public, max-age=31536000, inmutable) para activos estáticos con huellas dactilares como archivos /_next/static/. Utilice "obsoleto mientras se revalida" para activos que se actualizan periódicamente. Utilice "sin caché" para rutas API y contenido dinámico.
Implemente archivos .br (Brotli) y .gz (GZIP) junto con los archivos originales en su implementación de Vercel. Vercel detecta y entrega automáticamente la variante precomprimida según el encabezado Accept-Encoding del cliente; no se necesita configuración adicional.
Sí, la salida vercel.json funciona para cualquier proyecto alojado en Vercel: Vite, Astro, SvelteKit, Remix, Nuxt, HTML simple o cualquier otro marco. Las salidas de next.config.js y Edge Middleware son específicas de los proyectos de Next.js.