Optimasi Kecepatan Web Dengan Kompresi Gzip

Lambat adalah hal yang paling menyebalkan ketika kita mengakses website. Pemilik website bisa ditinggalkan jika website yang dimiliki sangat lambat oleh pengunjung. Selain cara-cara “sepatutnya” seperti menghindari penggunaan image, grafik atau file besar tentu kita perlu mengakali agar website memiliki performansi yang optimal dan cepat. Salah satu tips untuk mengoptimasi kecepatan web dengan menggunakan kompresi gzip.

Berikut analisa sederhana ketika kita melakukan request website :

Secara sederhana ketika kita melakukan request suatu halaman, maka web server akan memeriksa apakah halaman yang direquest tersedia atau tidak, jika tersedia maka web server akan menampilkan halaman tersebut. Secara formal semuanya tidak ada masalah, namun bagaimana jika halaman yang direquest memiliki ukuran file yang besar. Dengan besar 100Kb merupakan ukuran file yang besar, dengan berisi bermacam-macam tag html.

Lalu untuk mengatasi file yang besar, ya kita perlu melakukan kompresi atau gzip

Begini alur yang terjadi ketika kita menerapkan kompresi gzip

Jadi,ketika kita melakukan request, maka web server akan mengecek apakah halaman yang diminta memiliki kompresi, jika iya maka web server akan memberikan versi kompresi yang tentunya kecepatan respon akan semakin cepat.

Logika sederhananya, semakin kecil file yang diberikan, maka semakin cepat file didownload.

Bagaimana Implementasinya

Untuk web server apache cukup sederhana, Anda perlu memastikan bahwa mod_deflate dan mod_gzip aktif. Lalu Anda cukup menambahkan pada file .htaccess seperti ini :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
# compress text, html, javascript, css, xml:

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



# Or, compress certain file types by extension:

<files *.html>

SetOutputFilter DEFLATE

</files>

Untuk memastikan website Anda sudah terkompresi dapat melalui tool online yang tersedia seperti : http://checkgzipcompression.com/

Selamat mencoba!