Lompat ke konten
Aback Tools Logo

Pembuat Header Kontrol Cache CDN

Buat header Kontrol Cache untuk aset terkompresi - setel max-age, s-maxage, stale- while-revalidate, dan Vary: Accept-Encoding dengan benar untuk pengiriman CDN. Pilih dari 5 preset jenis aset (aset statis dengan hash konten, halaman HTML, API publik, API pribadi) atau konfigurasikan semua arahan secara manual. Pembuat header kontrol cache cdn menghasilkan cuplikan konfigurasi yang siap ditempel untuk Nginx, Apache, Cloudflare, AWS CloudFront, Fastly, dan Vercel - dengan peringatan waktu nyata untuk kombinasi arahan yang bertentangan. Semua generasi berjalan di browser Anda - tidak perlu mendaftar.

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

Mengapa Menggunakan Pembuat Header Kontrol Cache CDN Kami?

  • Pembuatan Header Kontrol Cache Instan: Buat header Kontrol Cache yang benar untuk aset terkompresi secara instan - pembuat header kontrol cache cdn menghasilkan cuplikan konfigurasi server yang siap ditempel untuk Nginx, Apache, Cloudflare, CloudFront, Fastly, dan Vercel dengan peringatan kesalahan konfigurasi real-time.
  • Pembuat Header Kontrol Cache CDN Aman Online: Semua pembuatan header berjalan sepenuhnya di browser Anda. Pembuat header kontrol cache cdn tidak pernah mengirimkan konfigurasi Anda ke server mana pun - aman untuk membuat header untuk API internal, titik akhir yang diautentikasi, dan konfigurasi CDN berpemilik.
  • 5 Preset Jenis Aset + Mode Kustom Penuh: Pilih dari 5 preset yang telah teruji - aset statis dengan hash konten, aset berversi, halaman HTML, API publik, dan API pribadi - atau konfigurasikan setiap arahan secara manual. Pembuat header kontrol cache cdn menyetel max-age, s-maxage, stale- while-revalidate, dan Vary dengan benar untuk setiap kasus penggunaan.
  • 100% Gratis Selamanya: Pembuat header kontrol cache cdn sepenuhnya gratis tanpa pendaftaran, tanpa tingkat premium, tanpa batasan, dan tanpa iklan. Bangun header Kontrol Cache untuk aset tak terbatas dan konfigurasi CDN tanpa biaya, selamanya.

Kasus Penggunaan Umum untuk Pembuat Header Kontrol Cache CDN

  • Caching Aset Statis dengan Hash Konten: Buat header Kontrol Cache untuk file JS, CSS, dan gambar dengan hash konten dalam nama filenya - pembuat header kontrol cache cdn menghasilkan max-age=31536000 yang benar, tidak dapat diubah, Vary: Kombinasi Accept-Encoding untuk cache CDN permanen dengan penghilangan cache instan saat penerapan.
  • Konfigurasi Cache Halaman HTML: Konfigurasikan Kontrol Cache untuk dokumen HTML yang memerlukan cache CDN pendek dengan basi sementara validasi ulang untuk pengiriman cepat. Pembuat header kontrol cache cdn menetapkan no-cache dengan s-maxage dan basi-saat-memvalidasi ulang sehingga CDN menyajikan HTML basi secara instan sambil mengambil konten baru di latar belakang.
  • Caching Respons API Publik: Menghasilkan header Kontrol-Cache untuk titik akhir API JSON publik yang mendapat manfaat dari caching CDN. Pembuat header kontrol cache cdn menyetel kombinasi s-maxage, basi-sementara-validasi ulang, dan Vary: Accept-Encoding yang benar sehingga cache CDN dikompresi dan respons tidak dikompresi secara terpisah.
  • Header Titik Akhir Pribadi / Terautentikasi: Buat header Kontrol Cache tanpa penyimpanan untuk titik akhir API yang diautentikasi dan respons khusus pengguna. Pembuat header kontrol cache cdn memastikan respons pribadi tidak pernah di-cache oleh CDN atau cache bersama - mencegah data sensitif disajikan ke pengguna yang salah.
  • Konfigurasi Multi-CDN: Hasilkan cuplikan konfigurasi server untuk Nginx, Apache, Cloudflare, AWS CloudFront, Fastly, dan Vercel dari satu set opsi. Pembuat header kontrol cache cdn menghilangkan kebutuhan untuk menerjemahkan semantik Kontrol Cache secara manual ke dalam setiap format konfigurasi CDN.
  • Perencanaan Strategi Stale-While-Revalidate: Konfigurasikan durasi stale- while-revalidate dan stale-if-error untuk strategi caching ketersediaan tinggi. Pembuat header kontrol cache cdn menunjukkan dengan tepat bagaimana arahan ini berinteraksi dengan max-age dan s-maxage - dengan peringatan untuk kombinasi arahan yang bertentangan.

Apa itu Pembuat Header Kontrol Cache CDN?

Pembuat header kontrol cache CDN menghasilkan header respons Cache-Control dan Vary HTTP yang benar untuk aset yang disajikan melalui CDN - memastikan browser dan node tepi CDN melakukan cache respons dengan benar. Untuk aset terkompresi (GZIP atau Brotli), header Vary: Accept-Encoding sangat penting - tanpanya, CDN dapat memberikan respons terkompresi ke klien yang tidak mendukung kompresi, sehingga menyebabkan kesalahan dekompresi. Pembuat header kontrol cache cdn menyetel max-age (TTL browser), s-maxage (CDN TTL), stale- while-revalidate (penyegaran latar belakang), dan stale-if-error (error fallback) dengan benar untuk setiap jenis aset.

Cara Kerja Pembuat Header Kontrol Cache CDN Kami

  1. 1 Pilih preset jenis aset: Pilih dari 5 preset - aset statis dengan hash konten, aset berversi, halaman HTML, API publik, atau API pribadi. Setiap preset menerapkan kombinasi arahan yang benar untuk kasus penggunaan tersebut. Beralih ke Kustom untuk mengonfigurasi semua opsi secara manual.
  2. 2 Sesuaikan durasi dan arahan: Sempurnakan max-age, s-maxage, stale- while-revalidate, dan stale-if-error menggunakan alat pilih durasi. Alihkan arahan cache (tanpa penyimpanan, tanpa cache, harus divalidasi ulang, tidak dapat diubah) dan header Vary. Pembuat header kontrol cache cdn memperbarui header yang dihasilkan secara instan dan menampilkan peringatan untuk kombinasi yang bertentangan.
  3. 3 Salin cuplikan header dan server: Nilai header Cache-Control dan Vary yang dihasilkan ditampilkan dengan tombol salin sekali klik. Pilih CDN atau server Anda (Nginx, Apache, Cloudflare, CloudFront, Fastly, Vercel) untuk mendapatkan cuplikan konfigurasi yang siap ditempel.

Petunjuk Kontrol Cache Utama untuk Aset Terkompresi

  • Vary: Accept-Encoding: Header paling penting untuk aset terkompresi - memberitahu CDN untuk menyimpan entri cache terpisah untuk respons terkompresi (gzip/brotli) dan tidak terkompresi. Tanpa ini, CDN mungkin menyimpan respons gzip dalam cache dan menyajikannya ke klien yang tidak mengirimkan header Accept-Encoding, sehingga menyebabkan download terhenti.
  • s-maxage vs max-age: s-maxage menggantikan max-age untuk cache bersama (CDN, proxy) sambil membiarkan TTL browser tidak berubah. Gunakan s-maxage untuk menyetel TTL CDN yang lebih panjang daripada TTL browser - misalnya, max-age=0, s-maxage=86400 berarti browser selalu memvalidasi ulang tetapi cache CDN selama 24 jam.
  • basi-sementara-validasi ulang: Memungkinkan CDN untuk segera menyajikan respons yang sudah basi sambil mengambil respons baru di latar belakang. Hal ini menghilangkan lonjakan latensi ketika respons yang di-cache habis masa berlakunya - pengguna selalu mendapatkan respons yang cepat, dan cache disegarkan secara asinkron.
  • immutable: Memberi tahu browser untuk tidak memvalidasi ulang respons selama periode maksimal, bahkan saat memuat ulang secara eksplisit. Hanya gunakan dengan nama file dengan hash konten (misalnya, app.a1b2c3d4.js) - jika konten berubah, nama file harus diubah untuk menghilangkan cache.

Kesalahan Umum Kontrol Cache yang Harus Dihindari

Kesalahan paling umum adalah mengatur Cache-Control: max-age=31536000 tanpa Vary: Accept-Encoding pada aset terkompresi - CDN hanya akan menyimpan satu varian dalam cache dan mungkin menyajikan varian yang salah. Kesalahan umum lainnya adalah menggunakan nama file yang tidak dapat diubah tanpa hash konten - jika file berubah tetapi URL-nya tetap sama, browser akan menyajikan versi cache yang basi tanpa batas waktu. Pembuat header kontrol cache cdn mendeteksi masalah ini dan menampilkan peringatan secara real-time. Selalu uji header Kontrol Cache Anda dengan curl -I dan verifikasi perilaku CDN dengan pemeriksa cache CDN Anda sebelum menerapkan ke produksi.

Pertanyaan yang Sering Diajukan

Pembuat header kontrol cache cdn menghasilkan header respons HTTP Kontrol Cache dan Vary yang benar untuk aset yang disajikan melalui CDN. Pembuat header kontrol cache cdn gratis kami secara online menghasilkan cuplikan konfigurasi server yang siap ditempel untuk Nginx, Apache, Cloudflare, CloudFront, Fastly, dan Vercel. Semua generasi berjalan di browser Anda tanpa perlu mendaftar.

Tanpa Vary: Accept-Encoding, CDN dapat menyimpan respons terkompresi gzip dalam cache dan menyajikannya ke klien yang tidak mengirimkan header Accept-Encoding - menyebabkan download rusak. Header Vary memberitahu CDN untuk menyimpan entri cache terpisah untuk varian URL yang sama yang dikompresi dan tidak dikompresi.

Ya. Semua pembuatan header 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, dan tanpa iklan.

max-age menyetel TTL cache browser. s-maxage menggantikan max-age untuk cache bersama (CDN, proxy) sambil membiarkan TTL browser tidak berubah. Gunakan s-maxage untuk menyetel TTL CDN yang lebih panjang daripada TTL browser - misalnya, max-age=0, s-maxage=86400 berarti browser selalu memvalidasi ulang tetapi cache CDN selama 24 jam.

Gunakan yang tidak dapat diubah hanya dengan nama file yang di-hash konten (mis., app.a1b2c3d4.js) dan max-age=31536000. Ini memberitahu browser untuk tidak memvalidasi ulang selama usia maksimal, bahkan saat memuat ulang secara eksplisit. Jangan pernah menggunakan URL yang tidak dapat diubah dengan URL yang tidak di-hash - jika kontennya berubah, nama file harus diubah untuk merusak cache.

basi-sementara-validasi ulang memungkinkan CDN untuk segera menyajikan respons basi sambil mengambil respons baru di latar belakang. Hal ini menghilangkan lonjakan latensi ketika respons yang di-cache habis masa berlakunya. Gunakan ini untuk halaman HTML dan respons API di mana respons yang sedikit basi dapat diterima.

Gunakan no-store untuk data yang benar-benar sensitif - ini mencegah cache apa pun, termasuk di browser. Gunakan no-cache untuk respons yang dapat di-cache namun harus selalu divalidasi ulang. Untuk sebagian besar API pribadi, no-store adalah pilihan yang lebih aman.

Uji dengan curl: curl -I https://yoursite.com/assets/app.js. Cari header Cache-Control dan Vary di responsnya. Untuk perilaku CDN, periksa header status cache CDN Anda (Cloudflare: CF-Cache-Status, CloudFront: X-Cache). Selalu uji permintaan terkompresi dan tidak terkompresi untuk memverifikasi Vary: Accept-Encoding berfungsi.