Panduan Setting Gzip Compression di NGINX
Halo, bro! Kali ini kita bakal bahas gimana caranya nge-optimasi website kamu dengan Gzip Compression di NGINX. Gzip Compression ini tuh bikin file-file di website kamu jadi lebih kecil, jadi loadingnya lebih cepet. Keren, kan? Yuk, langsung aja kita mulai!
Apa Itu Gzip Compression?
Gzip Compression itu teknik buat ngecilin ukuran file sebelum dikirim ke browser. Jadi, server bakal nge-compress file-file kayak HTML, CSS, JavaScript, dll., terus browser bakal nge-decompress file-file itu sebelum nampilin ke pengguna. Hasilnya, website kamu jadi lebih ringan dan cepet dimuat.
Kenapa Harus Pake Gzip Compression?
- Cepet Banget: Dengan ukuran file yang lebih kecil, waktu loading website kamu bakal lebih cepet.
- Hemat Bandwidth: Karena file yang dikirim lebih kecil, bandwidth yang dipake juga lebih sedikit.
- SEO Friendly: Google suka sama website yang cepet, jadi bisa ngebantu peringkat kamu di hasil pencarian.
Cara Setting Gzip Compression di NGINX
Pertama, pastiin dulu kamu udah punya akses ke file konfigurasi NGINX. Biasanya, file konfigurasinya ada di /etc/nginx/nginx.conf
atau /etc/nginx/conf.d/default.conf
. Kalo udah, ikutin langkah-langkah berikut:
Buka File Konfigurasi NGINX
Buka file konfigurasi NGINX pake text editor favorit kamu. Misalnya, pake
nano
:sudo nano /etc/nginx/nginx.conf
Aktifin Gzip Compression
Cari bagian
http
di file konfigurasi, terus tambahin konfigurasi Gzip di dalamnya. Kalo belum ada, kamu bisa tambahin di bagian bawah:http { gzip on; gzip_vary on; gzip_proxied any; gzip_comp_level 6; gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript; gzip_buffers 16 8k; gzip_http_version 1.1; }
Penjelasan singkat:
gzip on;
: Nyalain Gzip Compression.gzip_vary on;
: Nambahin headerVary: Accept-Encoding
buat ngehindari masalah proxy.gzip_proxied any;
: Compress semua respon, termasuk yang lewat proxy.gzip_comp_level 6;
: Level kompresi (1-9, 6 adalah nilai default yang bagus).gzip_types
: Tipe file yang mau di-compress.gzip_buffers 16 8k;
: Buffer yang dipake buat kompresi.gzip_http_version 1.1;
: Versi HTTP yang dipake buat kompresi.
Simpan dan Keluar
Simpan perubahan di file konfigurasi, terus keluar dari text editor. Kalo pake
nano
, tekanCtrl + X
, terusY
, terusEnter
.Test Konfigurasi NGINX
Sebelum restart NGINX, pastiin dulu konfigurasinya bener dengan ngetes pake perintah:
sudo nginx -t
Kalo keluar pesan “syntax is okay” dan “test is successful”, berarti konfigurasinya bener.
Restart NGINX
Terakhir, restart NGINX biar perubahan konfigurasi berlaku:
sudo systemctl restart nginx
Cara Ngecek Apakah Gzip Compression Udah Aktif
Buat ngecek apakah Gzip Compression udah aktif, kamu bisa pake tool online kayak Gzip Test atau pake curl
di terminal:
curl -H "Accept-Encoding: gzip" -I http://yourwebsite.com
Kalo keluar header Content-Encoding: gzip
, berarti Gzip Compression udah aktif.
Tips Tambahan
- Pastiin tipe file yang mau di-compress udah sesuai sama kebutuhan website kamu. Jangan sampe file yang udah compressed (kayak gambar JPEG atau PNG) dimasukin ke
gzip_types
, soalnya nggak bakal ngefek. - Atur level kompresi sesuai kebutuhan. Level yang lebih tinggi bakal ngecilin file lebih banyak, tapi butuh lebih banyak resource server.
Nah, gampang banget kan? Dengan Gzip Compression, website kamu bakal lebih cepet dan hemat bandwidth. Selamat mencoba, bro!