Cara Mengompresi Komponen Dengan GZIP WP Rocket

Jika Anda membuat blog di WordPress, salah satu cara termudah untuk mempercepat kecepatan halaman, mengoptimalkan kinerja, dan meningkatkan pengalaman pengguna adalah dengan menggunakan plugin untuk mengompresi komponen dengan GZIP.

Saat Anda mengaktifkan kompresi teks di server Anda, sumber daya berbasis teks seperti file CSS, HTML, JS dikompresi dalam ukuran ke kb. Ini secara langsung akan meningkatkan kecepatan halaman karena semakin kecil ukuran file, semakin cepat memuat halaman.

Di antara ratusan plugin pengoptimalan WordPress, WP Rocket sejauh ini merupakan plugin cache WordPress yang paling canggih, tepercaya, dan diinstal.

Pada artikel ini, kita akan melihat bagaimana WP Rocket digunakan untuk mengompresi komponen dengan GZIP.

Plugin pengoptimalan kinerja dan kecepatan digunakan di lebih dari 2 juta blog saat ini.

WP Rocket menggunakan berbagai cara untuk meningkatkan kinerja situs Anda, mengoptimalkan kecepatan halaman, dan meningkatkan pengalaman pengguna secara keseluruhan. Salah satu caranya adalah dengan mengompresi file dan konten website Anda menggunakan GZIP.

GZIP adalah cara populer untuk mengompresi file CSS, HTML, dan JS untuk mempercepat proses pengiriman ke browser web pengguna.

Kompresi file juga membantu mengurangi bandwidth dan penggunaan data pada perangkat seluler.

Di era laporan Inti Web Vital Google, mengaktifkan GZIP dapat secara otomatis meningkatkan skor kinerja Cat Konten Terbesar dan Penundaan Input Pertama.

Tapi jangan biarkan kita terlalu jauh ke depan karena istilah GZIP mungkin terdengar terlalu teknis untuk pemasar online pemula.

Jadi, mari kita mulai dengan mendefinisikan apa itu kompresi GZIP. Cara kerja GZIP untuk mengoptimalkan pengiriman konten.

Cara mengompresi komponen dengan GZIP di WP Rocket, dan cara memeriksa apakah situs Anda diaktifkan, dan cara mengaktifkan kompresi gzip jika tidak diaktifkan.

Apa itu Kompresi GZIP?

GZIP adalah aplikasi perangkat lunak yang dibuat oleh Jean-loup Gailly dan Mark Adler yang digunakan untuk kompresi dan dekompresi file.

Ini pertama kali dirilis ke publik pada tanggal 31 Oktober 1992. Pada tahun 1993, versi 1.0 dirilis sebagai pemutakhiran ke versi sebelumnya 0.1.

GZIP adalah aplikasi sisi server, yang berarti harus diaktifkan di server host web Anda agar situs web Anda dapat memanfaatkannya. Terutama, GZIP digunakan untuk mengompresi file kode dan teks seperti file HTML, CSS, dan Javascript.

Jika Anda tidak yakin apakah GZIP diaktifkan di server hosting Anda, Anda dapat menggunakan alat sebagai Visiospark untuk melihat apakah GZIP diaktifkan di server web Anda.

Juga, GZIP bukan satu-satunya alat kompresi file di luar sana.

Ada algoritma kompresi lain seperti Brotli yang mengompresi file berbasis teks lebih baik daripada GZIP.

Tapi masalahnya, GZIP lebih efisien dan lebih cepat dalam mengompresi dan mendekompresi file ke aplikasi klien.

Aplikasi kompresi seperti Brotli membutuhkan lebih banyak waktu untuk mengompresi file. Meskipun hasil akhir lebih baik daripada GZIP, waktu yang dibutuhkan untuk menyelesaikan proses adalah sesuatu yang perlu dikhawatirkan.

Meskipun GZIP adalah aplikasi populer dan paling banyak digunakan untuk mengompresi kode dan file teks, GZIP tidak mengompresi file gambar.

Jika Anda ingin mengoptimalkan gambar situs web Anda, ada banyak cara untuk melakukannya. Anda dapat melihat panduan mendalam tentang pengoptimalan gambar WordPress ini.

GZIP mampu mencapai antara 60% - 90% tingkat kompresi untuk sebagian besar file Javascript dan CSS.

Bagaimana Komponen Kompres Roket WP Dengan GZIP

Diakui, ada beberapa plugin WordPress kompresi GZIP hari ini, WP Rocket adalah solusi satu-klik yang bekerja langsung di luar kotak.

Tidak seperti banyak pesaingnya, tidak memerlukan pengetahuan pengkodean untuk menyiapkan WP Rocket.

Meskipun plugin bekerja secara otomatis di server Apache, pengguna di server NGNIX memerlukan sedikit solusi untuk menggunakan WP Rocket dengan GZIP.

Mari kita lihat bagaimana fitur kompresi WP Rocket GZIP bekerja di kedua server.

Server Apache

Sebagian besar plugin caching WordPress dilengkapi dengan dukungan bawaan untuk kompresi GZIP. Jika situs web Anda berada di server Apache, WP Rocket mengaktifkan aturan kompresi GZIP secara otomatis ke file .htaccess.

Anda tidak perlu mengaktifkan atau melakukan hal lain, WP Rocket menggunakan modul mod_deflate di server Apache untuk menerapkan aturan secara otomatis.

Jadi, modul mode_deflate harus diaktifkan di server Anda – itulah satu-satunya persyaratan untuk server Apache.

Jika Anda tidak yakin apakah modul mode_deflate diaktifkan di server Anda, tanyakan saja pada host web Anda.

Setelah mengaktifkan GZIP di server, WP Rocket membuat 2 versi dari setiap halaman cache situs web Anda – file HTML dan file GZIP-ed.

Versi GZIP-ed adalah versi default yang disajikan kepada pengguna, sedangkan versi HTML ada sebagai cadangan – untuk berjaga-jaga – Anda tidak akan pernah tahu.

Untuk membaca lebih lanjut tentang bagaimana WP Rocket mengompresi komponen dengan GZIP, baca dokumentasi ini di situs web mereka.

Server NGNIX

Untuk situs web di server NGNIX, karena NGNIX tidak mendukung file .htaccess, Anda perlu menambahkan kode berikut ke:

/etc/Nginx/Nginx.conf

 gzip on; gzip_disable "msie6"; gzip_vary on; gzip_proxied any; gzip_comp_level 6; gzip_buffers 16 8k; gzip_http_version 1.1; gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript;

Ini akan mengaktifkan GZIP di server NGNIX Anda. Tetapi sebagai tindakan pencegahan, Anda harus memeriksa dengan host web Anda apakah GZIP sudah diaktifkan atau belum.

Atau, Anda dapat membaca lebih lanjut tentang konfigurasi NGNIX dengan GZIP dari salah satu pelanggan WP Rocket di Github.

Ada beberapa cara untuk menguji apakah GZIP diaktifkan di server web Anda atau tidak. Mari kita pergi melalui beberapa metode atau alat.

Cara Memeriksa apakah Kompresi GZIP Diaktifkan di Situs Web Anda

Untuk banyak host web dan browser, dukungan untuk kompresi dan dekompresi file GZIP hadir sebagai fitur default. Sebagian besar browser modern sekarang mendukung header respons HTTP pengkodean konten.

Jadi, sejauh menyangkut dukungan browser, tidak ada yang perlu dikhawatirkan.

Yang harus Anda khawatirkan adalah host web Anda, terutama jika Anda menggunakan server Shared Hosting.

Secara default, beberapa web host tidak mengaktifkan fitur kompresi GZIP di server shared hosting. Anda perlu memeriksa dengan layanan hosting Anda untuk mengaktifkannya.

Berikut adalah beberapa cara atau metode untuk memeriksa apakah GZIP diaktifkan di server Anda.

#1. Alat Pemeriksaan Kompresi GZIP

Salah satu cara termudah untuk memeriksa apakah GZIP diaktifkan di situs Anda adalah dengan menggunakan alat pemeriksaan kompresi.

Untuk artikel ini, saya menggunakan alat kompresi visiospark untuk memeriksa situs web ini untuk mengaktifkan GZIP.

Anda juga dapat menggunakannya untuk menguji apakah GZIP diaktifkan di situs web Anda.

Seperti yang Anda lihat pada gambar di bawah, halaman web dikompresi sebesar 79,46%.

Hal yang baik tentang alat ini adalah ia menunjukkan berapa banyak dari total file terkompresi yang Anda simpan. Juga, ini menunjukkan ukuran file asli dan ukuran file terkompresi.

#2. Gunakan Alat Pengembang Google Chrome

Anda juga dapat menggunakan alat Google Chrome Dev untuk memeriksa apakah GZIP diaktifkan untuk situs Anda. Untuk memeriksa kompresi GZIP di Chrome, Anda perlu mencari header HTTP di panel sumber alat Chrome Dev.

Klik kanan pada halaman blog Anda (di mana saja di halaman), dan klik periksa dari daftar menu.

Tindakan ini akan membuka panel dialog terpisah tempat Anda dapat melihat elemen halaman. Klik pada tab Jaringan dan pilih "Header" dari menu navigasi di bawah ini.

Muat ulang halaman, lalu pilih salah satu permintaan HTTP dari panel kiri. Di panel kanan, lihat pengkodean konten: gzip.

Jika ada, GZIP diaktifkan di situs web Anda.

#3. Gunakan GTMettrics

GTMetrics adalah alat yang berguna untuk menguji kinerja dan kecepatan situs web Anda. Anda juga dapat menggunakannya untuk mengetahui apakah situs web Anda mengaktifkan GZIP.

Saat Anda memindai halaman situs web Anda melalui GTMetrics, itu akan mengembalikan daftar rekomendasi untuk meningkatkan kinerja dan kecepatan.

Lihat daftar rekomendasi untuk melihat apakah ada GZIP.

Jika GZIP tidak ada di server Anda, GTMetrics akan melaporkannya di antara masalah utama yang memengaruhi kinerja situs web Anda.

Kesimpulan…Mengompresi Komponen dengan GZIP

Dengan seperangkat alat yang tepat, kinerja situs web tidak harus terlalu teknis. Siapa pun dengan pengetahuan rata-rata tentang pengembangan web harus dapat meningkatkan kinerja dan kecepatan situs web.

WP Rocket adalah solusi satu klik otomatis untuk mengaktifkan GZIP di server Apache, mengoptimalkan kinerja, dan meningkatkan kecepatan halaman.

Selain itu, WP Rocket akan mengecilkan dan menggabungkan file CSS dan Javascript untuk membuat halaman situs web Anda lebih ringan dan meningkatkan waktu pemuatan halaman.