Rumahweb Journal
Banner Gzip Compressing adalah

Apa Itu Gzip Compression dan Cara Settingnya di WordPress

Salah satu cara untuk mempercepat akses ke website adalah dengan mengkompresi file websitenya, sehingga lebih ringan saat diakses dan menghemat bandwidth. Salah satu metode kompresi yang dapat dilakukan adalah dengan mengaktifkan Gzip Compression.

Dalam artikel ini, kami akan menjelaskan secara detail tentang apa itu Gzip Compression hingga cara mengaktifkannya pada CMS WordPress. Simak informasi berikut ini.

Apa itu Gzip Compression?

Gzip compression adalah metode kompresi data yang bertujuan untuk mengurangi ukuran file pada website. Kompresi dilakukan pada teks, gambar hingga video agar mendapatkan ukuran yang lebih kecil, sehingga lebih cepat diakses melalui internet.

Gzip compresssion menggunakan algoritma kompresi data yang efisien, dengan cara menghilangkan pola berulang serta redundan dalam teks dan biner.

Cara kerja Gzip Compression

Seperti yang telah kita ketahui bersama, gzip compression berjalan dengan cara mengidentifikasi pola-pola data yang sering muncul dalam file dan menggantinya dengan representasi yang lebih pendek.

Contohnya, sebuah halaman web memiliki kata-kata yang sering muncul. Kata tersebut dapat dikompresi dengan mengganti menjadi kode yang lebih singkat. Proses kompresi ini membuat file menjadi lebih kecil, tanpa kehilangan informasi yang ingin disampaikan.

Ketika pengunjung mengakses website yang menggunakan Gzip compression, server akan meresponnya dengan mengirimkan versi terkompresi. Hal ini membuat file yang ditransfer memiliki ukuran yang lebih kecil, sehingga menghasilkan waktu muat atau loading yang lebih cepat.

Mengaktifkan Gzip Compresssion di WordPress

Saat ini, seluruh hosting Rumahweb telah support fitur Gzip compression, dan secara default fitur ini telah diaktifkan. Anda hanya perlu melakukan konfigurasi sesuai kebutuhannya.

Di CMS WordPress, ada 2 cara untuk mengaktifkan Gzip Compression ini, yaitu dengan menambahkan script pada file .htaccess atau menggunakan plugin tambahan. Dalam artikel ini, Kami akan menjelaskan dua cara tersebut yang dapat Anda pilih sesuai kebutuhan.

1. Melalui .htaccess

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.

2. Dengan Plugins

Ada beberapa plugin yang bisa Anda gunakan, untuk mengaktifkan Gzip Compression, seperti WP Super Cache, W3 Total Cache hingga WP Rocket (premium version).

Anda bisa memilih salah satu diantaranya. Instalasi Plugin bisa Anda pelajari pada link berikut : Install Plugins

WP Super Cache

Pada plugin WP Super Cache, Anda bisa mengaktifkan compress file ini melalui Menu setting > WP Super Cache > lalu centang Compress Pages.

WP Super Cache aktivasi gzip compression

Sedangkan di W3 Total Cache, Anda bisa setting melalui menu setting > Browser Cache > Centang di enable HTTP Compression.

W3 Total Cache aktivasi gzip compression

WP Rockets

Ketika Anda menginstall plugin WP Rocket, secara otomatis plugin ini akan mengaktifkan fitur Gzip Compression dengan cara menambahkan script pada file .htaccess yang Anda gunakan.

Berikut adalah contoh file Gzip compresssion yang digunakan oleh WP rockets.

# Gzip compression
<IfModule mod_deflate.c>
# Active compression
SetOutputFilter DEFLATE
# Force deflate for mangled headers
<IfModule mod_setenvif.c>
<IfModule mod_headers.c>
SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding
RequestHeader append Accept-Encoding "gzip,deflate" env=HAVE_Accept-Encoding
# Don’t compress images and other uncompressible content
SetEnvIfNoCase Request_URI \
\.(?:gif|jpe?g|png|rar|zip|exe|flv|mov|wma|mp3|avi|swf|mp?g|mp4|webm|webp|pdf)$ no-gzip dont-vary
</IfModule>
</IfModule>
# Compress all output labeled with one of the following MIME-types
<IfModule mod_filter.c>
AddOutputFilterByType DEFLATE application/atom+xml \
		                          application/javascript \
		                          application/json \
		                          application/rss+xml \
		                          application/vnd.ms-fontobject \
		                          application/x-font-ttf \
		                          application/xhtml+xml \
		                          application/xml \
		                          font/opentype \
		                          image/svg+xml \
		                          image/x-icon \
		                          text/css \
		                          text/html \
		                          text/plain \
		                          text/x-component \
		                          text/xml
</IfModule>
<IfModule mod_headers.c>
Header append Vary: Accept-Encoding
</IfModule>
</IfModule>
<IfModule mod_mime.c>
AddType text/html .html_gzip
AddEncoding gzip .html_gzip
</IfModule>
<IfModule mod_setenvif.c>
SetEnvIfNoCase Request_URI \.html_gzip$ no-gzip
</IfModule>

Sampai tahap ini, enable Gzip compression telah selesai. Selanjutnya, Anda bisa melakukan testing melalui website Gzip Compression checker untuk melihat hasilnya.

Demikian panduan mengaktifkan Gzip Compression, semoga bermanfaat.

Bermanfaatkah Artikel Ini?

Klik bintang 5 untuk rating!

Rating rata-rata 5 / 5. Vote count: 4

Belum ada vote hingga saat ini!

Kami mohon maaf artikel ini kurang berguna untuk Anda!

Mari kita perbaiki artikel ini!

Beri tahu kami bagaimana kami dapat meningkatkan artikel ini?

Hosting Murah

Lutfi Hanif

I am an SEO enthusiast, an editor, a technical content writer, and also an article optimizer for both Journal and Rumahweb Blog.