Cara Mempercepat Loading Website dengan Gzip Compression

Pendahuluan

Gzip Compression sangat cocok untuk membantu mempercepat loading website Anda. Secara sederhana konsepnya sama dengan penerapan saat anda melakukan compress pada file zip .tar .rar di komputer. Teknik ini tentunya sangat efektif untuk mempercepat loading anda dengan membuat ukuran file menjadi kecil. Tetapi sayangnya gzip ini berlaku hanya untuk file berbasis text, tidak bisa di gunakan di file berbasis gambar.

Mengaktifkan Gzip Compression melalui httacces

Berikut ini adalah langkah-langkah mengoptimasi Gzip Compression :
Untuk menggunakan gzip ini bisa menggunakan webserver langsung atau bisa menggunakan htaccess. mungkin anda bisa menambahkan script berikut ke htaccess anda.

mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*

Jika anda ingin menggunakan webserver dan webserver anda menggunakan apache, anda bisa menggunakan script berikut :

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

Jika anda ingin menggunakan webserver nginx, anda bisa menggunakan script berikut :

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;

Untuk konfigurasi di htaccess, apache dan nginx merupakan konfigurasi default, mungkin anda bisa menambahkannya. Dan jika ingin menggunakan litespeed, anda bisa menggunakan “tuning” mungkin bisa anda cek apakah ada “enable compression” di halaman konfigurasi livespeed anda jika tidak maka anda bisa rubah menjadi “ON” dan nanti akan muncul beberapa opsi gzip yang ada di sana.

Anda juga bisa melihat perubahan langsung dari pengaktivekan gzip di website anda menggunakan browser, jika anda menggunakan google chrom anda bisa coba buka inspect element dan anda coba buka network, coba disable use small request rows di halaman network tersebut, dan coba tambahkan content encoding di network broser anda, bila anda text gzip maka file tersebut sadah di compress oleh gzip dan besar file tersebut akan terlihat jelas di browser tersebut.

Mengaktifkan Gzip Compression melalui Cpanel

Berikut ini adalah langkah-langkah bagaimana Gzip Compression di cpanel hosting Anda :

1. Login ke akun Cpanel Anda (namadomain.com/cpanel), kemudian cari bagian Software / Services, klik Optimize Website
   
2. Pengguna akan diberi pilihan untuk memampatkan semua konten atau memampatkan tipe MIME yang ditentukan, dengan kotak teks untuk menentukan jenis file yang dikompres dipilih (defaultnya adalah teks / teks html / plain text / xml). Pilih satu pengaturan untuk mengaktifkan kompresi GZIP di semua situs web yang diselenggarakan oleh akun tertentu. Klik Update Settings setelah selesai.
   

Tips : Jenis MIME yang mungkin termasuk teks / html, teks / polos, teks / xml, teks / css, teks / javascript, aplikasi / javascript, aplikasi / xhtml + xml, aplikasi / xml, aplikasi / rss + xml, aplikasi / atom_xml, Aplikasi / x-javascript, aplikasi / x-httpd-php, aplikasi / x-httpd-fastphp, aplikasi / x-httpd-eruby, dan gambar / svg + xml.