Panduan Setting Gzip Compression di NGINX

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?#

1. Cepet Banget: Dengan ukuran file yang lebih kecil, waktu loading website kamu bakal lebih cepet.
2. Hemat Bandwidth: Karena file yang dikirim lebih kecil, bandwidth yang dipake juga lebih sedikit.
3. 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:

1. Buka File Konfigurasi NGINX

   Buka file konfigurasi NGINX pake text editor favorit kamu. Misalnya, pake nano:

   code

   content_copy

   sudo nano /etc/nginx/nginx.conf

2. Aktifin Gzip Compression

   Cari bagian http di file konfigurasi, terus tambahin konfigurasi Gzip di dalamnya. Kalo belum ada, kamu bisa tambahin di bagian bawah:

   code

   content_copy

   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 header Vary: 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.

3. Simpan dan Keluar

   Simpan perubahan di file konfigurasi, terus keluar dari text editor. Kalo pake nano, tekan Ctrl + X, terus Y, terus Enter.

4. Test Konfigurasi NGINX

   Sebelum restart NGINX, pastiin dulu konfigurasinya bener dengan ngetes pake perintah:

   code

   content_copy

   sudo nginx -t

   Kalo keluar pesan “syntax is okay” dan “test is successful”, berarti konfigurasinya bener.

5. Restart NGINX

   Terakhir, restart NGINX biar perubahan konfigurasi berlaku:

   code

   content_copy

   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!