Gerador de configuração de compressão Vercel Edge
Gere a configuração do Vercel para servir ativos estáticos compactados com cabeçalhos e configurações de cache corretos - online gratuitamente. Nosso gerador de configuração de compactação de borda Vercel produz saída vercel.json, next.config.js ou Edge Middleware com estratégias configuráveis de controle de cache, cabeçalhos Vary: Accept-Encoding e cabeçalhos de segurança. Abrange ativos estáticos, rotas de API e otimização de imagem Next.js. Inclui orientação sobre implantação de ativos pré-compactados. Não é necessária inscrição, 100% baseado em 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 que usar nosso gerador de configuração de compressão Vercel Edge?
- Geração instantânea de configuração de compactação Vercel: Nosso gerador de configuração de compactação de borda Vercel produz cabeçalhos Cache-Control e Vary corretos para ativos estáticos compactados instantaneamente - no formato vercel.json, next.config.js ou Edge Middleware. Não é necessária leitura manual da documentação do Vercel.
- Gerador de configuração de compactação Vercel Edge seguro on-line: Suas opções de configuração nunca saem do seu dispositivo quando você usa nosso gerador de configuração de compactação Vercel Edge on-line. Toda a geração de código é executada inteiramente no seu navegador - sem solicitações de servidor, sem retenção de dados, 100% privada.
- Três formatos de saída: vercel.json, next.config.js, Edge Middleware: Gere a configuração de compactação Vercel em seu formato preferido - cabeçalhos vercel.json para qualquer projeto Vercel, função next.config.js headers() para Next.js ou middleware.ts Edge Middleware para controle de cabeçalho refinado por solicitação.
- Vercel Edge Compression Config Generator - Sem instalação: Gere a configuração de compactação Vercel diretamente em seu navegador. Sem Vercel CLI, sem necessidade de projeto Next.js. Nosso gerador gratuito de configuração de compactação de borda Vercel funciona em qualquer dispositivo com um navegador moderno - sem inscrição, sem limites de tamanho de arquivo.
Perguntas frequentes
Um gerador de configuração de compactação de borda Vercel produz a configuração vercel.json, next.config.js ou Edge Middleware correta para servir ativos estáticos compactados com cabeçalhos Cache-Control e Vary corretos no Vercel. Nosso gerador online gratuito de configuração de compactação de borda Vercel é executado inteiramente em seu navegador.
Sim – o Vercel habilita automaticamente a compactação Brotli e GZIP para todas as respostas no nível da rede Edge. Este gerador se concentra nos cabeçalhos Cache-Control e Vary: Accept-Encoding corretos que garantem que a Edge Network armazene em cache e forneça respostas compactadas corretamente.
Sim. Toda a geração de código é executada inteiramente no seu navegador usando JavaScript. Nenhum dado de configuração é enviado a nenhum servidor, armazenado remotamente ou transmitido pela rede.
Sim - 100% grátis, para sempre. Sem inscrição, sem conta, sem nível premium, sem limites de tamanho de arquivo e sem anúncios interrompendo seu fluxo de trabalho.
O cabeçalho Vary: Accept-Encoding informa à Edge Network da Vercel e aos CDNs downstream para armazenar em cache variantes de resposta separadas para clientes que suportam Brotli, GZIP ou nenhuma compactação. Sem ele, a Edge Network pode servir uma resposta compactada por Brotli a um cliente que suporta apenas GZIP.
Os cabeçalhos vercel.json funcionam para qualquer projeto hospedado pelo Vercel, independentemente da estrutura. Os cabeçalhos next.config.js() são específicos para Next.js. Edge Middleware (middleware.ts) é executado na Vercel Edge Network em cada solicitação, permitindo injeção dinâmica de cabeçalho.
Use "imutável" (Cache-Control: público, max-age=31536000, imutável) para ativos estáticos com impressão digital, como arquivos /_next/static/. Use "obsoleto enquanto revalida" para ativos que são atualizados periodicamente. Use "no-cache" para rotas de API e conteúdo dinâmico.
Implante arquivos .br (Brotli) e .gz (GZIP) junto com os arquivos originais em sua implantação Vercel. O Vercel detecta e fornece automaticamente a variante pré-compactada com base no cabeçalho Accept-Encoding do cliente - nenhuma configuração adicional é necessária.
Sim - a saída vercel.json funciona para qualquer projeto hospedado pelo Vercel: Vite, Astro, SvelteKit, Remix, Nuxt, HTML simples ou qualquer outra estrutura. As saídas next.config.js e Edge Middleware são específicas para projetos Next.js.