Mempercepat Akses Website Dengan Metode Kompresi GZip

Salah satu cara mempercepat akses website jenengan yaitu dengan memperkecil ukuran file aset yang didownload. Teknologi kompresi yang paling mudah dilakukan oleh server adalah metode deflate/gzip.

Seberapa ngirit sih bandwidth kita setelah dikompres? Mari kita lihat gambar perbandingan berikut:

gzip-web-compressing
css-tricks.com

Gambar di atas jelas-jelas menunjukkan tingkat pengiritan bandwidth yang sangat baik. Untuk satu file text bisa dikompres hingga 15% ukuran aslinya. Weowe.

Nah bagaimana cara pengaplikasian teknik kompresi gzip untuk server Apache? Gampang bero.

  1. Cek apakah module apache mod_filter dan mod_deflate. Jika belum aktif, silahkan aktifkan. Caranya cukup mudah karena dua module ini merupakan module bawaan Apache 2. Cukup dengan membuka file httpd.conf kemudian menghilangkan tanda komentar (#) di depan baris list kedua module tersebut. httpd-module-filter-deflateapache-module
  2. Setelah module tersebut aktif, jenengan tinggal membuat (memodifikasi) file .htaccess di root direktori situs jenengan. Dan masukkan script untuk otomatis mengkompres file-file bertipe tertentu.
    <IfModule mod_filter.c>
    	<IfModule mod_deflate.c>
    	    AddOutputFilterByType DEFLATE "application/atom+xml" \
    	                                  "application/javascript" \
    	                                  "application/json" \
    	                                  "application/ld+json" \
    	                                  "application/manifest+json" \
    	                                  "application/rdf+xml" \
    	                                  "application/rss+xml" \
    	                                  "application/schema+json" \
    	                                  "application/vnd.geo+json" \
    	                                  "application/vnd.ms-fontobject" \
    	                                  "application/x-font-ttf" \
    	                                  "application/x-javascript" \
    	                                  "application/x-web-app-manifest+json" \
    	                                  "application/xhtml+xml" \
    	                                  "application/xml" \
    	                                  "font/eot" \
    	                                  "font/opentype" \
    	                                  "image/bmp" \
    	                                  "image/svg+xml" \
    	                                  "image/vnd.microsoft.icon" \
    	                                  "image/x-icon" \
    	                                  "text/cache-manifest" \
    	                                  "text/css" \
    	                                  "text/html" \
    	                                  "text/javascript" \
    	                                  "text/plain" \
    	                                  "text/vcard" \
    	                                  "text/vnd.rim.location.xloc" \
    	                                  "text/vtt" \
    	                                  "text/x-component" \
    	                                  "text/x-cross-domain-policy" \
    	                                  "text/xml"
    	</IfModule>
    </IfModule>
  3. Selesai. Tinggal restart webserver apache jenengan kemudian bandingkan hasilnya. Ini adalah perbandingan request yang saya test di localhost saya. perbandingan-web-gzip

Nah untuk webserver lain silahkan bisa dilihat di Github H5BP.

Monggo jenengan-jenengan yang pada ahli server memberikan komentar dan sharing ilmu kanuragannya.

Sumber : The Difference Between Minification and Gzipping

Nanda Widyatama

Seorang web developer. Gemar diajak kuliner. Suka fotografi. Sering ngedit sana ngedit sini. Suami yang siaga.