Loncat ke konten utama

Gzip dan Brotli

Diperbarui: 29 Oktober 2026
By Willya Randika

Gzip dan Brotli adalah algoritma kompresi untuk aset teks seperti HTML, CSS, JavaScript, JSON, dan SVG. Server mengompres, browser men-decompress; ukuran transfer mengecil dan waktu muat turun.

Beda singkat

AspekGzipBrotli
DukunganHampir semua browserBrowser modern
RasioBaikUmumnya 15–25% lebih kecil untuk teks
Kecepatan kompresiCepatSedikit lebih lambat
Kapan dipakaiFallback universalPrioritas untuk aset statis

Cara mengaktifkan

  • LiteSpeed/cPanel: biasanya aktif otomatis; cek Content-Encoding di response.
  • Nginx: aktifkan gzip on; dan modul Brotli jika tersedia.
  • CDN: banyak CDN mengompres otomatis di edge.
  • WordPress: plugin cache biasanya menangani HTML dan aset statis.

Uji dengan `curl -I -H "Accept

Yang perlu diperhatikan

  • Jangan kompres gambar/video. Format itu sudah terkompresi; hasilnya bisa lebih besar.
  • Hindari kompresi ganda. Jika CDN sudah mengompres, origin tidak perlu melakukannya lagi.
  • Perhatikan Content-Length. Compression mengubah ukuran; jangan cache header yang salah.
  • Brotli butuh HTTPS di banyak setup. Pastikan koneksi aman.
  • Kompresi memakai CPU. Untuk server kecil, ukur dampaknya sebelum menaikkan level kompresi.

File yang sudah terkompresi seperti JPEG, PNG, WebP, MP4, dan ZIP tidak perlu dikompresi lagi. Untuk API yang mengembalikan JSON besar, kompresi sangat membantu; untuk response yang sangat kecil, overhead header bisa lebih besar dari penghematan. Ukur dengan DevTools atau curl sebelum mengubah konfigurasi, dan uji di staging agar cache lama tidak menutupi hasil. Dokumentasikan level kompresi yang dipakai dan pantau penggunaan CPU. Periksa header response dan ulangi pengukuran setelah cache aktif.

FAQ

Apakah Brotli selalu lebih baik dari Gzip?

Rasio Brotli biasanya lebih kecil, tetapi Gzip lebih universal dan lebih cepat dikompres. Sediakan keduanya dan biarkan browser memilih.

Apakah kompresi memperlambat server?

Ada biaya CPU, tetapi biasanya jauh lebih kecil daripada penghematan bandwidth dan waktu transfer.

Bagaimana cara memastikan kompresi aktif?

Lihat header `Content

  • Encoding: brataugzip` pada response HTML/CSS/JS. Jika tidak ada, periksa konfigurasi server atau CDN.

Disclaimer: Artikel WikiHosting disusun untuk tujuan edukasi dan referensi. Teknologi hosting terus berkembang, sehingga beberapa informasi teknis mungkin berubah seiring waktu.