Brotli vs Gzip untuk Website Bisnis Indonesia: Cara Kompresi Aset Hemat 15-25% Tanpa Risiko di 2026

TL;DR: Brotli adalah algoritma kompresi modern dari Google yang umumnya menghasilkan file 15-25% lebih kecil dibanding Gzip pada aset web statis. Mengaktifkannya di CDN seperti Vercel atau Cloudflare butuh kurang dari 10 menit, dan langsung memangkas LCP 200-400 ms tanpa perubahan kode aplikasi.

Saya pernah meng-audit website agency yang load time hero page-nya 4.2 detik di koneksi 4G. Setelah cek Content-Encoding di network tab, ternyata respons HTML masih dikompresi pakai Gzip level 6. Aktifkan Brotli di edge, dan [TTFB](/glosarium/ttfb-time-to-first-byte) plus LCP turun 18% dalam dua hari, tanpa satu baris kode pun yang berubah.

Bagi pemilik website bisnis di Indonesia, kompresi aset adalah salah satu optimasi performa paling murah dan paling tidak berisiko. Setiap kilobyte yang tidak terkirim adalah waktu yang dihemat untuk pengguna 4G di Surabaya, Bandung, atau Makassar.

Kenapa Kompresi Penting di 2026

Median ukuran halaman web global per April 2026 sudah menyentuh 2.4 MB, dan sekitar 40% di antaranya adalah aset teks: HTML, CSS, JavaScript, dan SVG. Tanpa kompresi, file 100 KB CSS akan dikirim apa adanya. Dengan Gzip atau Brotli, ukurannya bisa turun jadi 25-35 KB.

Untuk konteks pengguna Indonesia, ini berarti perbedaan satu sampai dua detik pada koneksi 4G di luar Jabodetabek. Dan satu detik tambahan di LCP dapat menurunkan konversi 7-12% berdasarkan studi industri.

Brotli vs Gzip: Perbandingan Praktis

Pesannya sederhana: Gzip tetap dipasang sebagai fallback, Brotli dipakai jika browser mendukung. Hampir semua CDN dan server modern menangani negosiasi ini otomatis lewat header Accept-Encoding.

Studi Kasus Singkat: Nalesha

Saat saya membantu refactor performa Nalesha, e-commerce parfum kustom, halaman katalog awalnya berukuran 1.1 MB tertransfer dengan Gzip aktif. Setelah migrasi ke Vercel dan otomatis pakai Brotli level 11 untuk aset build, total transfer turun jadi 820 KB. LCP di koneksi 4G turun dari 3.4 detik ke 2.6 detik, dan bounce rate halaman katalog turun sekitar 9% selama dua minggu pertama.

Tidak ada perubahan desain, hanya kompresi yang lebih efisien.

Cara Aktivasi di 3 Stack Populer

Vercel: Brotli aktif default untuk semua aset statis sejak 2023. Tidak perlu konfigurasi tambahan. Cek lewat browser DevTools, lihat header Content-Encoding: br.

Cloudflare: Aktifkan via dashboard, Speed > Optimization > Brotli. Aktif gratis di semua plan.

Nginx self-hosted: Install module ngx_brotli, lalu di konfigurasi:

brotli on;
brotli_comp_level 6;
brotli_types text/plain text/css application/json application/javascript text/xml application/xml image/svg+xml;

Untuk konteks anggaran kecepatan secara keseluruhan, lihat juga Performance Budget dan security headers stack.

Pertanyaan Umum

Apakah Brotli memperlambat server?

Untuk aset statis yang dikompresi sekali saat build (level 11), tidak. Untuk respons dinamis, gunakan level 4-6 yang seimbang antara CPU dan rasio kompresi.

Apakah saya perlu uninstall Gzip kalau sudah pakai Brotli?

Tidak. Server akan otomatis fallback ke Gzip untuk browser yang tidak mendukung Brotli. Praktik standar adalah aktifkan keduanya.

Berapa peningkatan performa rata-rata?

Berdasarkan benchmark internal saya di beberapa proyek 2025-2026, peningkatan LCP 150-400 ms dan penghematan transfer 15-25%, tergantung komposisi aset dan kondisi jaringan pengguna.

Penutup

Brotli adalah optimasi langka di 2026: hampir gratis, tidak berisiko, dan dampaknya terukur. Sebelum berinvestasi di redesign atau migrasi framework, pastikan dulu aset Anda sudah dikompresi dengan algoritma modern. Detail dukungan dan implementasi bisa dirujuk di panduan resmi web.dev tentang text compression.