Panduan Pengaturan Kompresi Cloudflare
Konfigurasikan paket Cloudflare, Brotli, minifikasi, dan pengaturan cache Anda - menghasilkan instruksi langkah demi langkah untuk dasbor, konfigurasi Cache Rules, skrip Worker untuk header kustom, dan header Cache-Control yang direkomendasikan untuk server origin Anda. Tanpa pendaftaran.
Configure your Cloudflare plan, Brotli, minification, and caching settings - generates step-by-step dashboard instructions, Cache Rules configuration, a Worker script, and recommended Cache-Control headers for your origin server.
Your Cloudflare Configuration
Brotli is available on all plans
Tips
Brotli is enabled - Cloudflare will serve Brotli to browsers that support it (Chrome, Firefox, Edge, Safari 17.4+) and fall back to GZIP automatically.
Cloudflare minification is applied at the edge - it does not modify your origin files. For best results, also minify at build time.
Aggressive caching caches all static assets including query strings. Ensure your assets use content-hashed filenames for cache busting.
1-year browser TTL requires content-hashed filenames (e.g. app.abc123.js) - otherwise users will not receive updates until the cache expires.
1. Log in to the Cloudflare dashboard → select your domain -- Speed → Optimization ------------------------------ 2. Brotli: ON ✓ (Speed → Optimization → Content Optimization → Brotli) 3. Auto Minify: HTML ✓ CSS ✓ JS ✓ (Speed → Optimization → Content Optimization → Auto Minify) 4. Rocket Loader: OFF (Speed → Optimization → Content Optimization → Rocket Loader) 5. Polish: OFF (Speed → Optimization → Image Optimization → Polish) -- Caching → Configuration --------------------------- 6. Caching Level: Aggressive (Caching → Configuration → Caching Level) 7. Browser Cache TTL: 1 year (Caching → Configuration → Browser Cache TTL)
Settings are generated based on your selections above. Cloudflare's dashboard UI may differ slightly between plans. Always test compression settings in a staging environment before applying to production.
Mengapa memakai Panduan Pengaturan Kompresi Cloudflare kami?
- Pembuatan konfigurasi Cloudflare instan: pilih paket dan pengaturan Anda - panduan seketika menghasilkan instruksi langkah demi langkah untuk dasbor, Cache Rules, skrip Worker, dan header Cache-Control.
- Panduan kompresi Cloudflare online yang aman: semua pembuatan konfigurasi berjalan sepenuhnya di browser Anda. Tidak diperlukan nama domain atau kunci API - sepenuhnya privat dan bisa dipakai offline.
- 4 format keluaran: langkah dasbor, konfigurasi Cache Rules, skrip Cloudflare Worker untuk header kustom, dan header Cache-Control yang direkomendasikan untuk server origin Anda.
- 100% gratis selamanya: buat sebanyak mungkin konfigurasi kompresi Cloudflare, sepenuhnya gratis. Tanpa akun, tanpa langganan, tanpa batas, dan tanpa iklan.
Apa itu Panduan Pengaturan Kompresi Cloudflare?
Panduan Pengaturan Kompresi Cloudflare menghasilkan konfigurasi kompresi lengkap untuk situs Anda yang dilindungi Cloudflare - termasuk instruksi langkah demi langkah untuk dasbor, Cache Rules, skrip Worker untuk header kustom, dan header Cache-Control yang direkomendasikan untuk server origin Anda. Pilih paket dan preferensi Anda, dan panduan seketika menghasilkan keempat format keluaran yang siap disalin dan ditempelkan.
Cara kerja Panduan Kompresi Cloudflare kami
- Pilih pengaturan Anda: pilih paket Cloudflare, pengaturan Brotli, opsi Auto Minify, tingkat cache, nilai TTL, Rocket Loader, dan Polish.
- Pembuatan konfigurasi instan: panduan seketika menghasilkan empat format keluaran - langkah dasbor, Cache Rules, skrip Worker, dan header Cache-Control - semuanya diperbarui secara real-time saat Anda mengubah pengaturan.
- Salin dan terapkan: berpindah antar keempat tab, salin konfigurasi yang relevan, dan terapkan di dasbor Cloudflare atau server origin Anda.
Fitur kompresi Cloudflare per paket
- Free: Brotli, Auto Minify (HTML/CSS/JS), GZIP, cache dasar.
- Pro: semua fitur Free + Polish (optimasi gambar lossless/lossy), Mirage (optimasi gambar mobile).
- Business: semua fitur Pro + Cache Rules kustom, kontrol cache lanjutan, dan dukungan prioritas.
- Enterprise: semua fitur Business + Argo Smart Routing, aturan kompresi kustom, dan dukungan khusus.
Brotli vs GZIP di Cloudflare
Cloudflare menyajikan Brotli ke browser yang mendukungnya (Chrome, Firefox, Edge, Safari 17.4+) dan otomatis beralih ke GZIP untuk browser lama. Brotli mencapai kompresi 15-25% lebih baik daripada GZIP untuk konten teks. Mengaktifkan Brotli di Cloudflare gratis di semua paket dan hanya butuh satu tombol di dasbor - ini salah satu peningkatan performa paling berdampak dan paling mudah dilakukan.
Pertanyaan yang Sering Diajukan
Panduan Pengaturan Kompresi Cloudflare menghasilkan instruksi langkah demi langkah untuk dasbor, konfigurasi Cache Rules, skrip Worker, dan header Cache-Control berdasarkan paket Cloudflare serta preferensi kompresi Anda. Panduan online gratis kami berjalan sepenuhnya di browser - tanpa pendaftaran atau kunci API.
Ya. Cloudflare mendukung kompresi Brotli di semua paket (Free, Pro, Business, Enterprise). Saat diaktifkan, Cloudflare menyajikan Brotli ke browser yang mendukungnya dan otomatis beralih ke GZIP untuk browser lama. Aktifkan di Speed → Optimization → Content Optimization → Brotli.
Ya. Panduan ini 100% gratis, tanpa pendaftaran, tanpa langganan, dan tanpa batas. Anda dapat membuat konfigurasi sebanyak yang Anda butuhkan.
Brotli adalah kompresi tingkat HTTP yang diterapkan pada body respons - mengurangi ukuran transfer tanpa mengubah konten. Auto Minify menghapus spasi dan komentar dari HTML, CSS, dan JavaScript di edge - mengubah konten tetapi tidak memampatkannya. Keduanya dapat dipakai bersamaan untuk penghematan maksimal.
Polish adalah fitur optimasi gambar Cloudflare yang memampatkan dan mengonversi gambar di edge. Polish lossless menghapus metadata tanpa kehilangan kualitas. Polish lossy menerapkan kompresi tambahan dengan penurunan kualitas kecil. Keduanya memerlukan paket Pro atau lebih tinggi.
Browser Cache TTL mengatur berapa lama browser pengunjung menyimpan respons di cache. Edge Cache TTL mengatur berapa lama CDN Cloudflare menyimpannya di edge. Untuk aset statis dengan nama file ber-hash konten, setel keduanya ke 1 tahun. Untuk halaman HTML, setel Browser Cache TTL ke 0 dan Edge Cache TTL ke 1 jam.
Rocket Loader memuat JavaScript secara asinkron untuk mempercepat pemuatan halaman. Ia bekerja baik untuk situs tradisional tetapi bisa menimbulkan masalah pada aplikasi satu halaman (React, Vue, Angular). Nonaktifkan untuk SPA dan uji dengan hati-hati sebelum mengaktifkannya di produksi.
Header Vary: Accept-Encoding memberi tahu CDN (termasuk Cloudflare) untuk menyimpan versi terpisah dari sebuah respons bagi klien terkompresi dan tidak terkompresi. Tanpanya, Cloudflare bisa menyajikan respons terkompresi Brotli kepada klien yang tidak mendukung Brotli. Skrip Worker pada panduan ini menambahkan header tersebut secara otomatis.