Generator Konfigurasi Kompresi Vercel Edge
Hasilkan konfigurasi Vercel untuk menyajikan aset statis terkompresi dengan header dan pengaturan cache yang benar - online gratis. Generator konfigurasi kompresi tepi Vercel kami menghasilkan keluaran vercel.json, next.config.js, atau Edge Middleware dengan strategi Kontrol Cache yang dapat dikonfigurasi, header Vary: Accept-Encoding, dan header keamanan. Meliputi aset statis, rute API, dan Pengoptimalan Gambar Next.js. Termasuk panduan tentang penerapan aset yang telah dikompresi sebelumnya. Tidak perlu mendaftar, 100% berbasis browser.
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.
Mengapa Menggunakan Generator Konfigurasi Kompresi Vercel Edge Kami?
- Pembuatan Konfigurasi Kompresi Vercel Instan: Generator konfigurasi kompresi tepi Vercel kami menghasilkan header Kontrol Cache dan Vary yang benar untuk aset statis terkompresi secara instan - dalam format vercel.json, next.config.js, atau Edge Middleware. Tidak diperlukan pembacaan dokumentasi Vercel secara manual.
- Amankan Generator Konfigurasi Kompresi Vercel Edge Online: Pilihan konfigurasi Anda tidak akan pernah lepas dari perangkat Anda saat Anda menggunakan generator konfigurasi kompresi Vercel edge kami secara online. Semua pembuatan kode berjalan sepenuhnya di browser Anda - tanpa permintaan server, tanpa penyimpanan data, 100% pribadi.
- Tiga Format Output: vercel.json, next.config.js, Edge Middleware: Hasilkan konfigurasi kompresi Vercel dalam format pilihan Anda - header vercel.json untuk proyek Vercel apa pun, fungsi next.config.js headers() untuk Next.js, atau middleware.ts Edge Middleware untuk kontrol header per permintaan yang terperinci.
- Generator Konfigurasi Kompresi Vercel Edge - Tanpa Instalasi: Hasilkan konfigurasi kompresi Vercel langsung di browser Anda. Tidak diperlukan Vercel CLI, tidak diperlukan proyek Next.js. Generator konfigurasi kompresi tepi Vercel gratis kami berfungsi di perangkat apa pun dengan browser modern - tanpa pendaftaran, tanpa batasan ukuran file.
Pertanyaan yang Sering Diajukan
Generator konfigurasi kompresi tepi Vercel menghasilkan konfigurasi vercel.json, next.config.js, atau Edge Middleware yang benar untuk melayani aset statis terkompresi dengan header Cache-Control dan Vary yang benar di Vercel. Generator konfigurasi kompresi tepi Vercel online gratis kami berjalan sepenuhnya di browser Anda.
Ya - Vercel secara otomatis mengaktifkan kompresi Brotli dan GZIP untuk semua respons di tingkat Jaringan Edge. Generator ini berfokus pada header Cache-Control dan Vary: Accept-Encoding yang memastikan Edge Network melakukan cache dan menyajikan respons terkompresi dengan benar.
Ya. Semua pembuatan kode berjalan sepenuhnya di browser Anda menggunakan JavaScript. Tidak ada data konfigurasi yang dikirim ke server mana pun, disimpan dari jarak jauh, atau dikirim melalui jaringan.
Ya - 100% gratis, selamanya. Tanpa pendaftaran, tanpa akun, tanpa tingkat premium, tanpa batasan ukuran file, dan tanpa iklan yang mengganggu alur kerja Anda.
Header Vary: Accept-Encoding memberi tahu Jaringan Edge Vercel dan CDN hilir untuk menyimpan varian respons terpisah dalam cache untuk klien yang mendukung Brotli, GZIP, atau tanpa kompresi. Tanpanya, Jaringan Edge dapat memberikan respons terkompresi Brotli ke klien yang hanya mendukung GZIP.
Header vercel.json berfungsi untuk proyek apa pun yang dihosting Vercel, apa pun kerangka kerjanya. next.config.js headers() khusus untuk Next.js. Edge Middleware (middleware.ts) berjalan di Vercel Edge Network pada setiap permintaan, memungkinkan injeksi header dinamis.
Gunakan "tidak dapat diubah" (Kontrol Cache: publik, max-age=31536000, tidak dapat diubah) untuk aset statis sidik jari seperti file /_next/static/. Gunakan "stale- while-revalidate" untuk aset yang diperbarui secara berkala. Gunakan "tanpa cache" untuk rute API dan konten dinamis.
Terapkan file .br (Brotli) dan .gz (GZIP) bersama file asli dalam penerapan Vercel Anda. Vercel secara otomatis mendeteksi dan menyajikan varian yang telah dikompresi berdasarkan header Accept-Encoding klien - tidak diperlukan konfigurasi tambahan.
Ya - keluaran vercel.json berfungsi untuk semua proyek yang dihosting Vercel: Vite, Astro, SvelteKit, Remix, Nuxt, HTML biasa, atau kerangka kerja lainnya. Output next.config.js dan Edge Middleware khusus untuk proyek Next.js.