Cara Mudah Mengaktifkan Gzip Compression di WordPress

Memiliki website atau blog yang kencang saat di akses itu suatu keharusan. Alasanya kecepatan loading website menjadi sangat penting karena merupakan bagian dari Search Engine Optimization (SEO). Meskipun konten Anda banyak, tapi website atau blog loadingnya lama kemungkinan besar akan kehilangan pembaca.

Pada artikel sebelumnya sudah pernah membahas salah satu cara untuk mengoptimasi website atau blog WordPress yaitu Optimalkan Performa CSS di WordPress. Cara lain yang bisa dilakukan untuk mengoptimasi website adalah dengan mengkatifkan Gzip pada WordPress.

Dalam artikel ini akan memberikan sedikit pengetahuan tentang tata cara mengaktifkan Gzip beserta fungsinya.

Apa itu Kompresi Gzip (Gzip Compression)?

Gzip adalah suatu format file perangkat lunak (software) yang digunakan untuk mengkompres dan dekompress file. Fungsi dari Gzip Compression adalah untuk mengurangi ukuran file kira- 70% hingga 80%, sehingga membantu server untuk mendistribukan file lebih cepat.

Dengan mengaktifkan Gzip pada server dapat meningkatkan kecepatan loading website WordPress. Blog ini telah menggunakannya atau mengaktifkan kompresi Gzip.

Cara Mengkatifkan Kompresi Gzip

Cara untuk mengaktifkan Gzip Compression adalah dengan memodifikasi file .htaccess, memodifikasi server block Nginx pada web server dan menggunakan bantuan plugin WordPress.

Cara Mengkatifkan Gzip melalui .htaccess

Untuk mengkatifkan Gzip melalui file .htaccess, Anda perlu memasukan beberapa bari kode kedalam file .htaccess tersebut pada server Anda.

Silahkan salin kode dibawah ini dan tambahkan ke dalam file .htaccess

<IfModule mod_gzip.c>
   mod_gzip_on Yes
   mod_gzip_dechunk Yes
   mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
   mod_gzip_item_include handler ^cgi-script$
   mod_gzip_item_include mime ^text/.*
   mod_gzip_item_include mime ^application/x-javascript.*
   mod_gzip_item_exclude mime ^image/.*
   mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</IfModule>

Alternatif lain yang juga bisa mengompres menggunakan mod DEFLATE. Cara melakukannya sama dengan menambahkan kode di atas yaitu dengan menambahkan kode atau memodifikasi file .htaccess.

Salin kode berikut dan tambahkan pada file .htaccess pada server website Anda.

# BEGIN DEFLATE COMPRESSION
<IfModule mod_deflate.c>
    AddOutputFilterByType DEFLATE text/html
    AddOutputFilterByType DEFLATE text/css
    AddOutputFilterByType DEFLATE text/javascript
    AddOutputFilterByType DEFLATE text/xml
    AddOutputFilterByType DEFLATE text/plain
    AddOutputFilterByType DEFLATE image/x-icon
    AddOutputFilterByType DEFLATE image/svg+xml
    AddOutputFilterByType DEFLATE application/rss+xml
    AddOutputFilterByType DEFLATE application/javascript
    AddOutputFilterByType DEFLATE application/x-javascript
    AddOutputFilterByType DEFLATE application/xml
    AddOutputFilterByType DEFLATE application/xhtml+xml
    AddOutputFilterByType DEFLATE application/x-font
    AddOutputFilterByType DEFLATE application/x-font-truetype
    AddOutputFilterByType DEFLATE application/x-font-ttf
    AddOutputFilterByType DEFLATE application/x-font-otf
    AddOutputFilterByType DEFLATE application/x-font-opentype
    AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
    AddOutputFilterByType DEFLATE font/ttf
    AddOutputFilterByType DEFLATE font/otf
    AddOutputFilterByType DEFLATE font/opentype
    # For Olders Browsers Which Can't Handle Compression
    BrowserMatch ^Mozilla/4 gzip-only-text/html
    BrowserMatch ^Mozilla/4\.0[678] no-gzip
    BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
</IfModule>
# END DEFLATE COMPRESSION

Silahkan pilih salah satu kode yang menurut Anda sesuai dengan konfigurasi web server yang digunakan. Kedua kode tersebut memiliki fungsi yang sama dengan mengkompress file yang kirim ke pengunjung.

Aktifkan kompresi Gzip Pada Web Server NGINX

Jika Anda menggunakan web server Nginx, bisa menggunakan kode berikut ini. Salin kode berikut ini dan tambahkan pada file konfigurasi website Anda di web server Nginx.

gzip on;
gzip_comp_level 2;
gzip_http_version 1.0;
gzip_proxied any;
gzip_min_length 1100;
gzip_buffers 16 8k;
gzip_types text/plain text/html text/css application/x-javascript text/xml application/xml application/xml+rss text/javascript;
gzip_disable "MSIE [1-6].(?!.*SV1)";
gzipped files to IE6
gzip_vary on;

Mengaktifkan Gzip menggunakan Plugin

Kalau Anda menggunakan plugin seperti WP Fastest Cache atau plugin caching lainnya, tidak usah repot-repot menambahkan kode-kode diatas.

Lihat pada gambar ilustrasi dibawah ini.

Mengaktifkan Gzip menggunakan Plugin
Mengaktifkan Gzip menggunakan Plugin

Pengunjian Gzip

Jika sudah mengaktifkan Gzip pada website Anda, tahap selanjutnya adalah melakukan uji coba apakah Gzipnya sudah berfungsi atau belum. Ada dua cara yang bisa dilakukan dianataranya bisa melakukan pengecekan menggunakan tools online seperti Varvy SEO Tool dan melakukan tools pada browser.

Menggunakan Varvy SEO Tool

Pengujian Gzip pada website WordPress
Pengujian Gzip pada website WordPress

Menggunakan Browser (DevTools)

Caranya klik kana pada salah halaman website Anda » Inspeksi » Network » Header

Pengujian Gzip Menggunakan Dev Tools Browser
Pengujian Gzip Menggunakan Dev Tools Browser

Semoga artikel cara mengaktifkan Gzip ini dapat membantu Anda dalam mengoptimasi website WordPress kesayangan Anda. Atau jika membutuhkan jasa optimas speed WordPress bisa menghubungi saya di Facebook atau mengirimkan pesan ke halaman kontak.



Related Post :



Related Post :


Saya sudah menggunakan WordPress mulai tahun 2013 dan menjadi Speed Optimizer sejak tahun 2019 lalu . Sedang mendalami teknik optimasi server dan website supaya mendapatkan hasil optimasi yang maksimal.

Tinggalkan komentar