Optimasi Mempercepat Website dengan Gzip Compression

Ketika anda mengakses website maka server/hosting anda akan mengirimkan semua file agar website bisa tampil termasuk file gambar, css, jacasvript, HTML dll. Semakin file itu besar ukurannya maka akan membuat loading website sedikit lebih lama.  Sehingga dengan Gzip Compression maka gzip akan mengompress file file dan css sebelum file tersbut terkirim ke browser anda, dan hal ini akan mempercepat loading website anda.

gzip compression

gzip compression

Penggunaan Gzip Compression dapat memperingan load sampai 70%, karena gzip akan mengompress sehingga file yang terkirim ke browser anda ukurannya jauh lebih kecil sehingga loading website anda bisa jauh lebih cepat. Untuk menggunakan Gzip Compression pastikan server anda sudah mendukung penggunaan Gzip Compression dengan penggunaannya tergantung juga webserver hosting anda.

Berikut cara menggunakan Gzip Compression pada hosting anda, silahkan tambahkan rule/kode berikut pada file .htaccess anda, jika anda belum mempunyai file .htaccess di root domain anda, silahkan buat terlebih dahulu.

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

Setelah menambahkan kode diatas, silahkan simpan file .htaccess tersebut.  Silahkan baca juga mempercepat website dengan CDN cloudflare

Related Posts:

4 Comments

Leave a Reply

Time limit is exhausted. Please reload CAPTCHA.