Vercel Edge-Komprimierungskonfigurationsgenerator
Generieren Sie eine Vercel-Konfiguration für die Bereitstellung komprimierter statischer Assets mit korrekten Headern und Cache-Einstellungen – kostenlos online. Unser Vercel-Edge-Komprimierungskonfigurationsgenerator erzeugt vercel.json-, next.config.js- oder Edge-Middleware-Ausgaben mit konfigurierbaren Cache-Control-Strategien, Vary: Accept-Encoding-Headern und Sicherheitsheadern. Deckt statische Assets, API-Routen und Next.js-Bildoptimierung ab. Enthält Anleitungen zur Bereitstellung vorkomprimierter Assets. Keine Anmeldung erforderlich, 100 % browserbasiert.
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.
Warum sollten Sie unseren Vercel Edge-Komprimierungskonfigurationsgenerator verwenden?
- Sofortige Generierung der Vercel-Komprimierungskonfiguration: Unser Vercel-Edge-Komprimierungskonfigurationsgenerator erzeugt sofort korrekte Cache-Control- und Vary-Header für komprimierte statische Assets – im vercel.json-, next.config.js- oder Edge-Middleware-Format. Es ist kein manuelles Lesen der Vercel-Dokumentation erforderlich.
- Sicherer Vercel Edge-Komprimierungskonfigurationsgenerator online: Ihre Konfigurationsoptionen verlassen nie Ihr Gerät, wenn Sie unseren Vercel Edge-Komprimierungskonfigurationsgenerator online verwenden. Die gesamte Codegenerierung läuft vollständig in Ihrem Browser – keine Serveranfragen, keine Datenspeicherung, 100 % privat.
- Drei Ausgabeformate: vercel.json, next.config.js, Edge Middleware: Generieren Sie die Vercel-Komprimierungskonfiguration in Ihrem bevorzugten Format – vercel.json-Header für jedes Vercel-Projekt, next.config.js headers()-Funktion für Next.js oder middleware.ts Edge Middleware für eine feinkörnige Header-Steuerung pro Anfrage.
- Vercel Edge-Komprimierungskonfigurationsgenerator – Keine Installation: Generieren Sie die Vercel-Komprimierungskonfiguration direkt in Ihrem Browser. Keine Vercel-CLI, kein Next.js-Projekt erforderlich. Unser kostenloser Konfigurationsgenerator für die Edge-Komprimierung von Vercel funktioniert auf jedem Gerät mit einem modernen Browser – keine Anmeldung, keine Dateigrößenbeschränkungen.
Häufig gestellte Fragen
Ein Vercel-Edge-Komprimierungskonfigurationsgenerator erzeugt die richtige vercel.json-, next.config.js- oder Edge-Middleware-Konfiguration für die Bereitstellung komprimierter statischer Assets mit korrekten Cache-Control- und Vary-Headern auf Vercel. Unser kostenloser Vercel-Edge-Komprimierungskonfigurationsgenerator online läuft vollständig in Ihrem Browser.
Ja – Vercel aktiviert automatisch die Brotli- und GZIP-Komprimierung für alle Antworten auf der Edge-Netzwerkebene. Dieser Generator konzentriert sich auf die richtigen Cache-Control- und Vary: Accept-Encoding-Header, die sicherstellen, dass das Edge-Netzwerk komprimierte Antworten korrekt zwischenspeichert und bereitstellt.
Ja. Die gesamte Codegenerierung läuft vollständig in Ihrem Browser unter Verwendung von JavaScript. Es werden keine Konfigurationsdaten an einen Server gesendet, remote gespeichert oder über das Netzwerk übertragen.
Ja – 100 % kostenlos, für immer. Keine Anmeldung, kein Konto, keine Premium-Stufe, keine Dateigrößenbeschränkungen und keine Werbung, die Ihren Arbeitsablauf unterbricht.
Der Header „Vary: Accept-Encoding“ weist das Edge-Netzwerk von Vercel und nachgeschaltete CDNs an, separate Antwortvarianten für Clients zwischenzuspeichern, die Brotli, GZIP oder keine Komprimierung unterstützen. Ohne sie stellt das Edge-Netzwerk möglicherweise eine Brotli-komprimierte Antwort an einen Client bereit, der nur GZIP unterstützt.
vercel.json-Header funktionieren für jedes von Vercel gehostete Projekt, unabhängig vom Framework. next.config.js headers() ist spezifisch für Next.js. Edge Middleware (middleware.ts) wird bei jeder Anfrage im Vercel Edge-Netzwerk ausgeführt und ermöglicht so eine dynamische Header-Injektion.
Verwenden Sie „immutable“ (Cache-Control: public, max-age=31536000, immutable) für statische Assets mit Fingerabdruck wie /_next/static/-Dateien. Verwenden Sie „stale-while-revalidate“ für Assets, die regelmäßig aktualisiert werden. Verwenden Sie „No-Cache“ für API-Routen und dynamische Inhalte.
Stellen Sie .br- (Brotli) und .gz- (GZIP) Dateien neben den Originaldateien in Ihrer Vercel-Bereitstellung bereit. Vercel erkennt die vorkomprimierte Variante automatisch und stellt sie basierend auf dem Accept-Encoding-Header des Clients bereit – es ist keine zusätzliche Konfiguration erforderlich.
Ja – die vercel.json-Ausgabe funktioniert für jedes von Vercel gehostete Projekt: Vite, Astro, SvelteKit, Remix, Nuxt, einfaches HTML oder jedes andere Framework. Die Ausgaben von next.config.js und Edge Middleware sind spezifisch für Next.js-Projekte.