Mengaktifkan Gzip Compression pada website anda

Bagaimana cara untuk mengaktifkan atau menggunakan Gzip Compression sehingga dapat meningkatkan kecepatan website anda

Pada tutorial ini akan kita bahas bagaimana cara untuk mengaktifkan atau menggunakan fitur Gzip Compression pada web server anda sehingga dapat meningkatkan kecepatan website anda. Terdapat dua cara untuk mengaktifkan Gzip Compression yaitu dengan melakukan konfigurasi pada cpanel atau merubah file .htaccess.

Apa itu Gzip Compression

Gzip adalah metode mengompresi file (memperkecil ukuran file) sehingga transfer data melalui jaringan menjadi lebih cepat dan memuat situs anda hanya dalam beberapa detik. Gzip Compression merupakan metode yang paling populer untuk membuat website anda lebih cepat dengan mengurangi lebih dari 70-90% (klaim dari situs Google Developers) ukuran halaman web/blog anda. Gzip dapat melakukan kompresi jenis file CSS, JavaScript dan HTML. Saat ini sebagian besar website telah menggunakan Gzip Compression. Gzip Compression adalah salah satu parameter penilaian pada Google PageSpeed Insights dan Yahoo YSlow. 

Ada beberapa manfaat/keuntungan yang didapat dengan mengaktifkan Gzip Compression.

Keuntungan

• Lebih disukai mesin pencari
• Server anda tidak lagi mendapatkan request yang besar untuk memproses
• Ukuran halaman web/blog anda akan diperkecil 70-90%
• Meningkatkan kecepatan Load halaman website/blog anda

Cara Kerja Gzip Compression

Gzip sebenarnya adalah ide yang cukup sederhana yang sangat ampuh ketika dimanfaatkan dengan baik. Gzip menempatkan string yang sama dalam file teks dan menggantikan string tersebut sementara untuk membuat keseluruhan ukuran file lebih kecil.

Alasan gzip bekerja dengan baik dalam lingkungan web adalah karena file CSS dan file HTML menggunakan banyak teks yang berulang-ulang dan memiliki banyak spasi. Karena gzip mengkompresi string yang umum, sehingga dapat mengurangi ukuran halaman dan style sheet 70-90%!

Ketika browser mengunjungi webserver maka browser akan memeriksa dan melihat apakah server telah mengaktifkan metode gzip compression selanjutnya barulah meminta halaman web. Jika gzip diaktifkan maka browser akan menerima file gzip yang lebih kecil dan jika gzip tidak diaktifkan maka browser akan menerima file yang jauh lebih besar.

Bagaimana cara mengaktifkan

Pada Web Server Apache

Pastikan module mod_deflate telah aktif pada server anda kemudian sisipkan atau tambahkan script dibawah ini pada file .htaccess anda

[<IfModule mod_deflate.c>
  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml

  # Remove browser bugs (only needed for really old browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>]

Untuk anda pengguna Hosting Cpanel anda dapat mengaktifkannya melalui menu yang ada di Cpanel. Berikut adalah cara mengaktifkan Gzip Compression pada Cpanel anda:

1. Login pada halaman Cpanel anda
2. Klik menu "Optimize Website"

2. Pilih Compress all content dan klik Update Settings

Pada Web Server Nginx

Sisipkan atau tambahkan script dibawah ini pada file .htaccess anda

[gzip on;
gzip_comp_level 2;
gzip_http_version 1.0;
gzip_proxied any;
gzip_min_length 1100;
gzip_buffers 16 8k;
gzip_types text/plain text/html text/css application/x-javascript text/xml application/xml application/xml+rss text/javascript;

# Disable for IE < 6 because there are some known problems
gzip_disable "MSIE [1-6].(?!.*SV1)";

# Add a vary header for downstream proxies to avoid sending cached gzipped files to IE6
gzip_vary on;]

Setelah mengaktifkan Gzip Compression anda perlu melakukan pegecekan apakah Gzip Compression sudah aktif atau belum, untuk melakukan pengecekan tersebut silahkan baca artikel saya yang berjudul Tools Online untuk cek Gzip Compression