Cara menggunakan Tes Kompresi Website
- Masukkan URL halaman atau cukup nama domain, lalu klik Test compression.
- Baca hasilnya: Brotli, gzip, Zstandard, atau tanpa kompresi.
- Bandingkan jumlah byte yang ditransfer per nilai
Accept-Encodingdan lihat seberapa kecil halaman bisa jadi dengan gzip 9 atau Brotli 11. - Periksa daftar CSS dan JavaScript untuk file yang dikirim tanpa kompresi, lalu ikuti rekomendasinya.
Apa fungsi kompresi HTTP?
Browser mengirim header Accept-Encoding yang berisi daftar format kompresi yang mereka pahami — saat ini biasanya gzip, deflate, br, zstd. Server yang dikonfigurasi dengan benar memilih salah satu, mengompres respons, dan memberinya label Content-Encoding. Untuk teks seperti HTML, CSS, JavaScript, JSON, dan SVG, cara ini biasanya memangkas ukuran transfer sebesar 60–80 %, yang langsung mempercepat waktu muat, Largest Contentful Paint, dan menghemat kuota data di perangkat seluler.
Yang diperiksa tes ini
- Setiap encoding secara terpisah: halaman diminta dengan
identity,br,gzip,zstd, dan header gabungan yang meniru browser, lalu byte yang benar-benar ditransfer diukur. - Potensi penghematan: halaman yang belum terkompresi dikompres di server kami dengan gzip 6, gzip 9, Brotli 5, dan Brotli 11, sehingga kamu bisa melihat penghematan yang belum kamu manfaatkan.
- CSS dan JavaScript yang ditautkan: hingga 12 stylesheet dan script dari halaman akan diperiksa, karena cukup umum HTML sudah terkompresi tetapi file statisnya belum.
- Header Vary:
Vary: Accept-Encodingmemberi tahu cache untuk menyimpan versi terkompresi dan tidak terkompresi secara terpisah.
Mengaktifkan kompresi
| Server | Gzip | Brotli |
|---|---|---|
| Nginx | gzip on; gzip_types text/css application/javascript application/json image/svg+xml; | Modul ngx_brotli: brotli on; brotli_types …; |
| Apache | mod_deflate: AddOutputFilterByType DEFLATE text/html text/css application/javascript | mod_brotli: AddOutputFilterByType BROTLI_COMPRESS … |
| Node / Express | Middleware compression | File .br yang sudah dikompres sebelumnya atau CDN |
| Cloudflare, Vercel, Netlify | Otomatis untuk tipe konten teks | |
Apa yang tidak perlu dikompres
JPEG, PNG, WebP, AVIF, video, font WOFF2, dan file ZIP sudah terkompresi — menjalankan gzip di atasnya hanya membuang CPU dan bisa membuat ukurannya malah lebih besar. Kompres hanya format teks. Untuk file itu sendiri, minify dulu (JavaScript, HTML, CSS), baru biarkan server mengompresnya.
Permintaan kami memakai identitas DevPackBot dan hanya mengambil URL yang kamu masukkan beserta file CSS dan JS yang ditautkan. Situs yang dilindungi sistem anti-bot mungkin memblokir tes ini.
Juga dicari sebagai: tes gzip, cek kompresi gzip, tes brotli, gzip aktif atau tidak, tes kompresi http, cek brotli, content-encoding checker, tes zstd.
Tool yang cocok dipakai bersama Tes Kompresi Website
- Uji Kecepatan Halaman — Jalankan Google Lighthouse pada URL apa pun untuk tampilan mobile atau desktop.
- Cek HTTP Header — Ambil URL apa pun dan lihat persis apa yang dikirim server — status code, rantai redirect, dan setiap header respons, lengkap dengan penjelasan sederhana untuk header yang penting bagi SEO, caching, dan keamanan.
- Kompres & Dekompres Brotli — Kompres teks atau file dengan Brotli pada kualitas 0 sampai 11, dekompres data .br, dan bandingkan hasilnya dengan gzip.
- Kompres & Dekompres Gzip — Kompres teks atau file apa pun dengan gzip, zlib, atau raw deflate, atau tempel Base64 / buka file .gz untuk didekompresi.
Pertanyaan yang sering diajukan
Bagaimana cara mengecek apakah gzip aktif di website saya?
gzip menampilkan “Gzip” sebagai encoding dari server dan jumlah byte jauh lebih kecil dibanding identity, berarti gzip aktif.Apakah Brotli lebih baik daripada gzip untuk website?
Apa itu Zstandard (zstd)?
Content-Encoding: zstd, dan beberapa CDN sudah mulai menyajikannya. Brotli dan gzip tetap yang paling luas digunakan.