Speed up your website

Meningkatkan performance website dengan mod_deflate

Bagi anda seorang web developer, tentu butuh untuk meningkatkan performance website yang anda bangun agar bisa diakses dengan lebih cepat dan “enteng” sehingga dapat memberikan kenyamanan bagi pengunjungnya. Ternyata banyak sekali trik yang perlu kita pelajari agar website yang kita bangun bisa memberikan performa yang baik dan di atas rata-rata website lainnya.

Banyak trik-trik yang bisa dipelajari untuk meningkatkan performance website, seperti kompresi, caching, cdn, eTag, dan lain lain. Salah satu trik favorit saya adalah kompresi file-file seperti CSS, JavaScript, dan HTML menggunakan mod_deflate.

Meningkatkan Performance Website Menggunakan Mod_deflate

Mod_deflate adalah sebuah teknik di mana web server kita memungkinkan untuk melakukan transfer file (biasanya file css, javascript, atau file teks lainnya) dalam kondisi terkompresi sehingga file yang dikirimkan akan lebih kecil. Teknik ini membuat besar file yang di download menjadi lebih kecil dan tidak memakan bandwidth.

Mod_deflate (yang menggunakan sistem kompresi gzip) ini bisa dilakukan dengan menambahkan beberapa baris pada file .htaccess. Hasil yang akan diperoleh dengan melakukan kompresi ini adalah waktu loading website anda yang lebih cepat sehingga pengunjung tidak perlu lama menunggu untuk melihat keseluruhan website Anda. Kompresi gzip ini bisa mengurangi ukuran file hingga 10% dari ukuran sebelumnya. Dengan teknik ini performance website anda akan meningkat secara drastis.

Untuk melakukan kompresi gzip dengan mod_deflate bisa dilakukan dengan menambahkan kode berikut ke dalam file .htaccess anda:

SetOutputFilter DEFLATE
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

Setelah anda masukkan kode atas, cobalah untuk melakukan refresh. Anda akan melihat peningkatan performance website anda. Untuk melakukan testing, bisa juga menggunakan tools seperti YSlow atau sejenisnya.

Leave a Reply