Digital Transformation
Brotli (Algoritma Kompresi)
TL;DR: Brotli adalah algoritma kompresi yang dikembangkan Google sejak 2015 untuk menggantikan Gzip pada transfer file web. Dibanding Gzip, Brotli rata-rata menghemat 15-25% ukuran file teks dengan kualitas dekompresi setara. Hampir semua browser modern dan CDN besar (Cloudflare, Vercel, Fastly) sudah mendukung Brotli secara default.
Apa itu Brotli?
Brotli adalah algoritma kompresi lossless yang dirancang khusus untuk konten teks di web seperti HTML, CSS, JavaScript, dan JSON. Cara kerjanya mirip Gzip, file dipadatkan di sisi server lalu didekompresi di sisi browser, namun Brotli memakai kamus kata bawaan berisi 13.000+ string yang sering muncul di halaman web. Hasilnya: ukuran file akhir lebih kecil tanpa menambah beban dekompresi yang berarti di sisi pengguna. Untuk konteks pengiriman yang lebih luas, lihat juga CDN dan cache browser.
Brotli vs Gzip: Perbandingan Singkat
| Aspek | Gzip | Brotli |
|---|---|---|
| Tahun rilis | 1992 | 2015 |
| Rasio kompresi (file teks) | Standar | 15-25% lebih kecil |
| Level kompresi | 1-9 | 0-11 |
| Dukungan browser | Universal | Modern (Chrome, Firefox, Safari, Edge) |
| Konten ideal | HTML/CSS/JS | HTML/CSS/JS, font WOFF2 |
Brotli level 11 memberi rasio kompresi maksimum tapi lambat untuk file dinamis. Praktik standar: level 4-6 untuk konten dinamis, level 11 untuk aset statis yang sudah pre-compressed saat build.
Kenapa Penting?
File yang lebih kecil berarti waktu unduh lebih cepat, terutama di jaringan 4G yang masih dominan di Indonesia. Untuk halaman dengan bundle JavaScript besar (misal aplikasi React atau Next.js), penghematan 20% di file utama bisa mempercepat LCP ratusan milidetik. Dampaknya langsung ke pengalaman pengguna dan skor Core Web Vitals yang ikut menentukan ranking SEO. Hampir semua hosting modern dan CDN sudah aktif Brotli secara default, jadi bisnis tinggal memastikan konfigurasinya benar.
Pertanyaan Umum
Apakah Brotli menggantikan Gzip sepenuhnya?
Belum. Browser memilih kompresi berdasarkan header Accept-Encoding. Server akan kirim Brotli jika browser mendukung, lalu fallback ke Gzip untuk klien lama.
Apakah Brotli mempercepat semua jenis file?
Tidak. Brotli paling efektif pada file teks. Gambar JPEG/PNG dan video sudah terkompresi format sendiri, sehingga rekompresi dengan Brotli justru kontra-produktif.
Bagaimana cara mengecek website saya sudah pakai Brotli?
Buka DevTools tab Network, klik request file .js atau .css, lihat response header content-encoding. Kalau muncul br, Brotli aktif. Kalau gzip, masih pakai Gzip.
Istilah Terkait