Compression

Text-based resources (HTML, CSS, JS, JSON) bisa di-compress hingga 60-80% lebih kecil sebelum dikirim ke browser.

Gzip vs Brotli

Konfigurasi Server

# Nginx — enable gzip + brotli
gzip on;
gzip_types text/html text/css application/javascript application/json;
gzip_min_length 1000;

# Brotli (jika module tersedia)
brotli on;
brotli_types text/html text/css application/javascript;

Verifikasi

Cek di Network tab — kolom "Content-Encoding" harus menunjukkan br (Brotli) atau gzip:

Content-Encoding: br
Content-Type: application/javascript

Tips

• Jangan compress gambar (JPEG/PNG/WebP sudah compressed)
• Minimum size: 1KB (file kecil bisa jadi lebih besar setelah di-compress)
• Pre-compress di build time untuk static assets (lebih efisien)