Mengaktifkan Kompresi Gzip Untuk Mempercepat Website

Kompresi gzip pada HTTP bertujuan untuk mengecilkan ukuran file yang akan ditransfer, dengan kecilnya ukuran file maka berdampak pada semakin cepatnya waktu loading website/blog serta hemat bandwith.

Kompresi ini sama seperti kita meng compress file pada umumnya (.zip, .rar, .tar.gz), wah berarti ada tambahan proses yang terjadi ya? jawabnya, iya, karena server harus meng-compress setiap file yang dikirim, namun, proses ini umumnya membutuhkan resource kecil dan berlangsung sangat cepat.

Mengapa GZIP?

Karena standar HTTP (RFC 2616) hanya menspesifikasikan tiga jenis kompresi yaitu  GZip, Compress, dan Deflate, yang paling populer adalah GZIP (All Browser) diikuti Deflate (dengan zlip pada header).

File apa yang perlu di compress?

File yang sebaiknya kita compress adalah file text, seperti: html, css, dan javascript, json, xml, serta font, karena ukuran file akan berkurang secara signifikan, dan sebaiknya hindari meng-compress file seperti exe, image, zip, rar, dan PDF, karena tidak berpengaruh signifikan dan malah menambah beban server.

Cek kompresi yang disupport oleh browser

Saat ini, semua browser modern sudah mensupport kompresi, untuk mengeceknya dapat dilihat melalui HTTP Request header yang dikirim oleh browser, request tersebut dapat dilihat melalui fitur Developer tools (Chrome dan Firefox Tekan F12) bagian Network.

Cara Kerja Kompresi Gzip Server – Browser

Cara kerja sistem kompresi ini secara ringkas sebagai berikut:

1. Browser meminta halaman tertentu kepada web server disertai informasi kemampuan kompresi yang dimiliki browser.
2. Jika browser mimiliki sistem kompresi, server akan mengirim file yang terkompresi (gzip), jika tidak, maka server akan mengirim file apa adanya.
3. Browser menerima file tersebut. Jika bentuk file terkompresi, maka browser akan mengekstraknya terlebih dahulu sebelum menampilkannya ke user.

Kompresi Gzip pada server Apache

Apache menggunakan mod_deflate  (ada sejak Apache 1) untuk meng-handle kompresi, dengan module tersebut, server akan secara otomatis membaca kemampuan kompresi browser melalui HTTP Header yang dikirim. Jika browser men-support kompresi maka file yang dikirim akan di compress jika tidak maka akan dikirim apa adanya.

Pada Apache 2, mod_defate menggantikan mod_gzip yang ada pada apache 1, sehingga pada apache 2 TIDAK ada lagi mod_gzip, semua di handle oleh mod_deflate.

Contoh Code

Kode berikut ini akan meng-compress semua file kecuali image, document (pdf, docx, dll), executable, dan file archive:

<IfModule mod_deflate.c>
	SetOutputFilter DEFLATE
	SetEnvIfNoCase Request_URI \
		\.(?:gif|jpe?g|png)$ no-gzip dont-vary
	SetEnvIfNoCase Request_URI \
		\.(?:exe|zip|rar|7z)$ no-gzip dont-vary
	SetEnvIfNoCase Request_URI \
		\.(?:pdf|docx|xlsx)$ no-gzip dont-vary
</IfModule>

Kenapa kita compress semuanya? jawabnya adalah karena baik sekarang maupun kedepan, kita tidak akan tahu atau setidaknya tidak akan mengecek satu persatu file apa yang akan dikirim ketika user membuka halaman website kita, misal file json tanpa ekstensi, file font yang secara tidak sengaja kita load melalui file css, dll.

Namun demikian, jika sobat ingin meng-compress hanya file tertentu saja, sobat dapat menggunakan format:

<IfModule mod_deflate.c>
	<IfModule mod_filter.c>
		AddOutputFilterByType DEFLATE text/plain text/html text/htm text/css
		AddOutputFilterByType DEFLATE text/javascript application/javascript application/x-javascript application/json
	</IfModule>
</IfModule>

NOTE: jika sobat administrator, untuk dapat menggunakan kode diatas, pastikan mod_filter.so aktif, buka, file httpd.conf yang ada di folder apache/conf cari kata-kata mod_filter, hilangkan tanda # didepannya.

atau berdasarkan file extension:

<FilesMatch ".(js|css|html|htm|php|xml|json)$">
	SetOutputFilter DEFLATE
</FilesMatch>

Untuk lebih lengkapnya dapat dibaca pada halaman: mod_deflate – Apache HTTP Server

Demikian pembahasan mengenai kompresi Gzip pada HTTP, semoga dapat bermanfaat.