Mempercepat Loading Web Dengan Mengaktifkan GZIP Compression

Banyaknya file HTML, CSS, dan JavaScript di web menyebabkan lambatnya proses loading. Ada banyak cara untuk mempercepat loading web Anda. Salah satunya dengan GZIP compression. Cara ini mampu mengurangi ukuran file sekitar 50-70%. Hal ini merupakan standard web saat ini. Setidaknya itu yang disarankan google dalam mengoptimalisasi web Anda. Bagaimana cara mengaktifkan GZIP compression?

Cara mengaktifkan GZIP compression

Mengaktifkan GZIP compression dapat dilakukan dengan memasukkan beberapa kode ke file .htaccess. File .htaccess biasanya ada di dalam file manager web Anda. Jika tidak ada, cek kemungkinan file tersebut di-hidden. Jika memang benar tidak ada, Anda bisa membuatnya dengan notepad dengan nama .htaccess, kemudian upload ke web Anda. Kode yang digunakan tergantung jenis server yang digunakan hosting Anda. Berikut ini kode yang saya dapat dari Patrick Sexton di feedthebot.com.

Mengaktifkan GZIP compression di server Apache

Server Apache merupakan salah satu jenis server yang sering digunakan provider hosting. Masukkan kode di bawah ke dalam file .htaccess Anda. Jika kurang yakin, sebaiknya back-up file .htaccess Anda.

## GZIP ##
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
## GZIP ## 

Catatan: Sedikit berbeda dari yang diterapkan Patrick Sexton di feedthebot.com. Saya menambahkan kode di bawah ini. Sehingga file javascript juga terkompres.

AddOutputFilterByType DEFLATE text/javascript

Simpan file .htaccess, kemudian refresh web. Anda bisa gunakan link berikut untuk memastikan apakah kompresi berhasil:

Tester Tool.

Mengaktifkan GZIP compression di server NGINX

Untuk mengaktifkan GZIP compression di server NGINX, silahkan masukkan kode berikut ini ke dalam file config Anda. Sekali lagi, sebaiknya back-up file 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;

Jika web Anda menggunakan CMS Joomla, aktivasi GZIP compression jauh lebih mudah dilakukan dibandingkan dengan cara di atas. Cukup masuk ke panel administrator. Cari menu Site > Global Configuration > Server. Aktifkan GZIP Page Compression di Server Setting.

Demikian penjelasan sederhana cara mempercepat loading web dengan mengaktifkan GZIP compression. Bagaimana menurut Anda? Mudah bukan?

Perlu bantuan dalam mengoptimalisasi web?