Cara Mengaktifkan Kompresi GZIP untuk WordPress

Situs web yang lambat dapat menimbulkan banyak masalah. Itu dapat mengusir calon pengunjung dan pelanggan, merusak Pengalaman Pengguna (UX) situs Anda, dan bahkan memengaruhi reputasi Anda.

Mengurangi ukuran halaman situs web Anda adalah kunci untuk meningkatkan kecepatan muat. Untungnya, kompresi GZIP adalah metode yang bagus untuk mencapai pemuatan halaman yang cepat dan pengurangan ukuran file.

Dalam panduan ini, kita akan melihat dasar-dasar kompresi GZIP, termasuk apa itu dan apa fungsinya. Kami kemudian akan merinci cara mengaktifkan kompresi GZIP di situs web WordPress. Ayo langsung masuk!

Apa itu Kompresi GZIP?

Kompresi GZIP adalah jenis kompresi data yang mirip dengan ZIP dan RAR. Ini dapat digunakan untuk mengompres semua file di situs web Anda, baik itu teks, HTML, CSS, JavaScript, atau XML.

Kompresi GZIP terjadi sebelum file disajikan ke browser web pengunjung Anda. Melalui metode ini, kompresi GZIP mengurangi ukuran file, yang dapat berdampak positif pada waktu pemuatan situs web.

Apa yang Dilakukan Kompresi GZIP?

Saat pengunjung membuka situs web Anda, browser mereka meminta file situs dari servernya. Server Anda akan memampatkan file tersebut sebelum mengirimkannya ke browser. Kompresi GZIP adalah salah satu metode kompresi file antara lain.

File terkompresi mentransfer lebih cepat daripada file yang tidak terkompresi. Ini membantu meningkatkan kinerja situs web dan kecepatan memuat – dan sebagai hasilnya, Search Engine Optimization (SEO).

Cara Melihat Apakah Kompresi GZIP Diaktifkan

Kompresi GZIP populer, dan banyak platform hosting WordPress mengaktifkannya secara default. Jika Anda tidak yakin cara memeriksa apakah kompresi GZIP berfungsi di situs Anda, Anda dapat mengujinya menggunakan solusi pihak ketiga atau alat pengembang dalam peramban.

Jika Anda tidak mengaktifkan kompresi GZIP, biasanya Anda akan melihat peringatan di alat seperti GTmetrix. Anda juga dapat menggunakan alat kompresi GZIP untuk melihat apakah situs web Anda menggunakan kompresi GZIP.

Dimungkinkan juga untuk memeriksa apakah kompresi GZIP berfungsi dengan menggunakan alat pengembang browser. Saat diaktifkan, tajuk respons akan menyertakan "pengkodean-konten: gzip":

Untuk menemukan header respons di Chrome, Anda perlu membuka DevTools dan menavigasi ke Network , lalu memuat ulang halaman. Klik nama yang cocok dengan situs web Anda, dan tajuk respons akan terbuka.

Cara Mengaktifkan Kompresi GZIP di WordPress

Semua situs web di WP Engine menggunakan kompresi GZIP sebagai default. Semua file statis termasuk file teks, gambar, CSS, dan JavaScript dikompresi secara otomatis untuk kinerja situs web yang optimal. Kompresi otomatis ini mengurangi kebutuhan akan arahan GZIP di file .htaccess Anda.

Namun, tidak semua situs web WordPress dihosting di WP Engine, dan tidak akan mendapat manfaat dari pengaktifan default kompresi GZIP. Jika situs web Anda dihosting pada platform yang berbeda, Anda mungkin perlu mengaktifkan kompresi GZIP secara manual. Ada beberapa cara untuk melakukan ini, yang akan kita lihat selanjutnya.

Aktifkan Kompresi GZIP dengan Plugin

Cara termudah untuk mengaktifkan kompresi GZIP adalah dengan menggunakan plugin caching. Alat seperti WP Rocket mengaktifkan kompresi dengan menambahkan kode ke file .htaccess untuk Anda, sementara yang lain seperti W3 Total Cache akan meminta Anda untuk menambahkan kode tersebut secara manual.

Meskipun ini umumnya merupakan metode paling sederhana untuk menambahkan kompresi GZIP, ini melibatkan penambahan plugin tambahan ke situs Anda. Jika Anda mencoba untuk menjaga perpustakaan plugin tetap ramping, Anda dapat menggunakan salah satu solusi berikut.

Aktifkan Kompresi GZIP untuk Nginx

Jika situs web Anda menggunakan Nginx, ada cuplikan kode yang dapat Anda gunakan untuk mengaktifkan kompresi GZIP. Anda perlu menempatkan cuplikan kode di bawah ini di file nginx.conf situs Anda, di bagian “http”. Anda juga dapat menempatkan cuplikan kode ini di blok konfigurasi server atau lokasi, tetapi bagian http umumnya direkomendasikan:

gzip on;
gzip_types text/plain text/css text/javascript image/svg+xml image/x-icon application/javascript application/x-javascript;
gzip_min_length 1000;
gzip_vary on;
gzip_proxied no-cache no-store private expired auth;
gzip_diable “MSIE [1-6];

Setelah Anda menyimpan dan menutup file, Anda harus memulai ulang Nginx. Untuk melakukannya, gunakan perintah berikut:

sudo service nginx restart

Setelah memulai ulang, periksa untuk memastikan bahwa kompresi GZIP aktif, menggunakan metode yang dijelaskan sebelumnya.

Aktifkan Kompresi GZIP untuk Apache (Dengan Mengedit File .htaccess)

Jika host web Anda menggunakan Apache, Anda perlu mengedit file .htaccess untuk mengaktifkan kompresi GZIP. File ini dapat ditemukan di direktori root instalasi WordPress Anda, melalui File Transfer Protocol (FTP) atau pengelola file Anda. Sebagian besar metode kompresi GZIP WordPress memerlukan pengeditan file .htaccess .

Ada dua mod Apache yang dapat Anda gunakan untuk mengaktifkan GZIP, tetapi mod_deflate adalah opsi yang paling banyak didukung dan didokumentasikan dengan baik. Untuk mengaktifkan mod_deflate , tambahkan:

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

Untuk mengaktifkan mod_gzip , tambahkan:

<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 mime ^application/x-javascript.*
mod_gzip_item_include mime ^text/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_include handler ^cgi-script$
</ifModule>

Sebelum menggunakan salah satu mod, Anda perlu membuat cadangan file .htaccess Anda dan memastikan bahwa mod_filter modul ada di server Anda, atau kesalahan 500 dapat terjadi.

Terus Belajar dengan WP Engine

Mengurangi ukuran halaman situs web Anda dapat mengurangi waktu pemuatan dan meningkatkan kinerja secara keseluruhan. Kompresi GZIP dapat mengaktifkan pengurangan ini, tetapi hanya jika diaktifkan.

Untungnya, di WP Engine kami mengaktifkan kompresi GZIP secara default. Terlebih lagi, kami menawarkan sumber daya yang luar biasa untuk membantu Anda mempelajari cara membangun pengalaman digital yang luar biasa bagi pengunjung Anda!