Pada artikel ini akan membahas tentang apa itu GZip Compression, keuntungan menggunakan kompresi GZip dan dan cara mengaktifkannya.

Salah satu cara untuk mempercepat akses ke website adalah dengan mengkompresi file website Anda, sehingga lebih ringan ketika diakses dan lebih menghemat bandwidth. Salah satu kompresi yang bisa dilakukan adalah dengan mengaktifkan Gzip Compression.

Proses kompresi dalam optimasi ini akan membuat web server menyajikan ukuran file yang lebih kecil sehingga membuat website lebih cepat untuk pengguna.

Apa itu GZip Compression?

GZip Compression adalah sebuah teknologi yang bisa melakukan proses kompresi atau pengurangan ukuran file secara real time, sehingga bisa membuat transfer data melalui jaringan menjadi lebih cepat dan menghemat bandwidth hosting.

GZip ini sendiri merupakan format file yang terbentuk karena proses kompresi dari sebuah file agar ukurannya lebih kecil.

Dengan kompresi GZip ini, menurut Google Developer kompresi file HTML, javascript dan CSS bisa menghemat sekitar 70-90% ukuran file di halaman. Dengan ukuran yang lebih kecil, waktu yang dibutuhkan untuk meload halaman tentu saja lebih cepat. Sesederhana itu.

Kompresi GZip sendiri merupakan salah satu parameter dalam penilaian di Google PageSpeed Insight dan GTMetrix. Secara ringkas, keuntungan menggunakan kompresi GZip antara lain :

• Memperkecil ukuran halaman website hingga 70-90%
• Meningkatkan kecepatan loading halaman website secara keseluruhan
• Menghemat bandwidth hosting karena server memproses request yang lebih kecil

Cara Kerja GZip Compression

Pada umumnya GZip mempunyai cara kerja yang sederhana. Gzip akan meletakkan string yang sama dalam file teks dan menggantikan string tersebut sementara agar ukuran file secara keseluruhan lebih kecil.

File CSS dan HTML sendiri kerap menggunakan banyak kode teks berulang dan banyak spasi. Dengan GZip yang bekerja mengkompresi string ini, ukuran file bisa lebih kecil 70-90%.

Saat browser mengunjungi web server, browser akan memeriksa apakah server sudah mengaktifkan kompresi GZip. Pengecekan ini dilakukan dengan cara mendeteksi apakah ada header “content-encoding: gzip” di website.

Saat header terdeteksi, file yang sudah dikompress tadi akan ditampilkan. Namun jika tidak menemukan header, maka browser akan menampilkan ukuran asli yang jauh lebih besar kepada pengunjung.

Dengan begitu, tidak semua file di website akan terkompres otomatis ya. File yang akan masuk ke dalam kompresi ini adalah HTML, CSS, JavaScript, JSON, dan XML. Font dan gambar tidak termasuk.

Cara Mengaktifkan Gzip Compression

Berikut panduan cara menambahkan script pada file .htaccess di cPanel Hosting.

• Login ke cPanel hosting Anda.
• Pilih menu File Manager > masuk ke dalam folder public_html.

• Klik kanan pada file .htaccess lalu pilih Edit.

• Anda bisa menambahkan script berikut ini kedalam file .htaccess :

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

Caranya mudah, Anda tinggal copy paste script diatas kedalam file .htaccess, dan taruh dipaling bawah.

• Kemudian jangan lupa klik tombol Save Changes.
• Untuk memastikan bahwa Gzip sudah aktif, Anda bisa melakukan testing melalui situs : Check Gzip Compression 

Demikian panduan Cara Mengaktifkan GZIP Compression Pada WordPress. Semoga bermanfaat.