Gzip atau deflate apache webserver

Artikel ini terakhir diperbaharui pada 26 August 2020.

Halo selamat malam semua, kali ini saya akan share bagaimana meningkatkan sedikit speed loading website atau blog anda.

Tools Audit

Jika anda melakukan test pada google speed insight atau pada aplikasi seperti light house atau site audit seperti gtmetrix.com, pastinya anda akan diberikan rekomendasi.

recommendation gtmetrix.com

Rekomendasi yag dimaksud adalah melakukan compressi pada saat file/content anda dikirim dari server ke browser client atau user.

Tujuan Compressi

Tujuan melakukan compressi ini adalah agar transfer file lebih cepat, anda bisa menganalogikan jika ada banyak file misalnya file .doc berjumlah 20 dokumen.

Akan lebih cepat di pindahkan jika file tersebut di jadikan berbentuk .rar atau .zip terlebih dahulu, daripada file aslinya yang berjumlah banyak.

Sama halnya dengan metode diatas, fungsi gzip atau deflate pada apahe web server agar mempercepat proses transfer dari server ke browser client.

Apache Web Server Only

Sebelum anda melanjutkan, artikel ini hanya berfungsi untuk web server yang menggunakan apache, jika anda menggunakan nginx tidak dapat melakukan hal ini.

Karena nantinya disamping ada konfigurasi pada cpanel akan ada modifikasi pada file .htaccess, sedangkan webserver nginx tidak membaca file .htaccess kecuali anda menggunakan nginx proxy (ini saya tidak akan bahas disini).

Cara Setup

Baik, berikut adalah langkah nya :

  • Login ke cpanel
  • Kemudian navigasi ke general information (pojok kanan)
  • Klik server information
  • Pastikan diasana webserver anda adalah apache web server (apache version 2.4.xx)
server information

Setelah yakin bahwa webserver pada hosting anda aalah apache, kemudian kembali ke menu awal dan navigasi ke Software dan klik Optimize website.

optimize website

Pada menu optimize website, ada tiga pilihan yakni disable, compress all content dan compress the spesify MIMI type. 

compress content website

Anda harus memilih yang tengah : compress all content dan kemudian klik update setting.

Setelah update optimize website menjadi compress all, langkah terakhir adalah melakukan edit pada file .htaccess.

Edit .htaccess

File .htaccess ini berada pada root folder / path dimana anda melakukan installasi wordpress, jadi misalnya pada folder public_html.

Jika file .htaccess tidak terlihat, anda bisa melakukan configurasi pada file manager dengan cara klik roda / gerigi kanan atas / setting. Kemudian pilih show hidden files (dotfiles).

hidden files

Silahkan anda backup terlebih dahulu file .htacess dengan cara di download atau di copy dengan nama file .htaccess.bak.

Setelah di backp buka file .htaccess kemudian tambahkan sintak dibawah ini setelah #END WORDPRESS

#Start Compress
<IfModule mod_deflate.c>
  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml

  # Remove browser bugs (only needed for really old browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>

#END compress

Kesimpulan

Save file .htaccess yang sudah anda modifikasi, dan coba anda lakukan test audit lagi terhadap website anda, semestinya tidak muncul rekomendasi untuk melakukan zip lagi karena web anda sudah menggunakan metode transfer gzip / deflate.

Selamat mencoba.

Wassalam
Hendra Wijaya

Leave a Comment

Your email address will not be published. Required fields are marked *