Cara mempercepat situs WordPress Anda menggunakan kompresi GZIP

Diterbitkan: 2018-10-05

Dalam hal memberikan pengalaman pengguna yang kuat di situs web Anda, kinerja adalah kuncinya. Jika situs Anda membutuhkan waktu lama untuk dimuat, kemungkinan besar Anda akan melihat peningkatan pengguna yang 'memantul' bahkan sebelum mereka sempat mengalaminya dengan benar. Inilah sebabnya mengapa mengoptimalkan situs Anda untuk kecepatan sangat penting.

Meskipun ada banyak cara untuk menjaga waktu pemuatan situs Anda seminimal mungkin, salah satu opsi yang kurang dikenal (namun masih berguna) adalah kompresi GZIP. Ini memampatkan file situs Anda untuk membuatnya lebih cepat untuk ditransfer, yang membantu mengurangi waktu muat Anda.

Pada artikel ini, saya akan memperkenalkan Anda pada dasar-dasar kompresi GZIP dan cara kerjanya. Kemudian saya akan menunjukkan kepada Anda bagaimana menerapkannya di situs WordPress Anda. Ayo pergi!

  • Mengapa waktu pemuatan situs Anda penting
  • Pengantar kompresi GZIP
  • Cara menggunakan kompresi GZIP di situs WordPress Anda (dalam 3 langkah)
  • Kesimpulan

Mengapa waktu pemuatan situs Anda penting

Sebelum kita membahas secara spesifik bagaimana kompresi GZIP dapat membantu Anda mempercepat situs Anda, pertama-tama mari kita lihat kepentingannya. Faktanya, jika Anda telah menghabiskan banyak waktu online, Anda seharusnya sudah sangat menyadari efek waktu pemuatan yang lambat pada sebuah situs web.

Faktanya, hampir setengah dari pengguna internet mengharapkan situs dimuat hanya dalam dua detik atau kurang. Setiap detik di luar itu akan menyebabkan pengabaian halaman secara eksponensial lebih tinggi, yang pada gilirannya dapat memengaruhi tingkat konversi Anda secara negatif. Karena itu, memastikan situs Anda tidak membuat pengunjung menunggu harus menjadi prioritas utama.

Untungnya, ada banyak hal yang dapat Anda lakukan untuk mengoptimalkan kecepatan situs Anda. Beberapa yang paling sering dibahas termasuk mengompresi gambar Anda, menggunakan Jaringan Pengiriman Konten (CDN), dan mengimplementasikan caching. Namun, satu metode yang sering diabaikan (tetapi sama berharganya) adalah kompresi GZIP. Mari kita lihat lebih dekat apa ini dan bagaimana cara kerjanya.

Pengantar kompresi GZIP

laptop dengan furnitur perak dan oranye dengan tutorial aplikasi roda gila tentang cara mempercepat situs wordpress Anda dengan kompresi GZIP

Pada intinya, GZIP mirip dengan jenis kompresi lainnya, seperti file ZIP dan RAR. Pada dasarnya, ini memampatkan file situs Anda untuk membuatnya lebih kecil secara signifikan, dan karenanya lebih cepat untuk dikirim. File-file tersebut kemudian tidak dikompresi oleh perangkat pengguna akhir.

4 tips untuk meningkatkan kecepatan dan kinerja situs WordPress Anda

Ini adalah fakta yang terbukti bahwa semakin lambat situs Anda dimuat, semakin besar kemungkinan orang untuk pergi. Jadi, jika halaman Anda membutuhkan waktu lama untuk dimuat, Anda kehilangan potensi konversi dan pelanggan. Terutama...

Ini tidak hanya membantu mengurangi waktu pemuatan situs, tetapi juga membantu Anda menjaga penggunaan bandwidth tetap rendah. Karena lebih sedikit data yang perlu ditransfer, Anda mengurangi beban pada server Anda. Karena kompresi GZIP bisa sangat besar, ini merupakan aspek yang sangat penting untuk menjaga waktu pemuatan tetap rendah.

Kompresi GZIP biasanya diaktifkan pada tingkat server, jadi periksa kembali apakah milik Anda sudah diaktifkan. Namun, jika tidak, Anda harus mulai bekerja!

Cara menggunakan kompresi GZIP di situs WordPress Anda (dalam 3 langkah)

Cara termudah untuk menerapkan kompresi GZIP dengan WordPress adalah dengan menggunakan host web yang menawarkannya langsung. Misalnya, Flywheel mengaktifkan kompresi GZIP secara default untuk semua situs WordPress, serta solusi caching bawaan dan CDN . Ini memastikan situs Anda akan selalu berperforma baik, tanpa mengharuskan Anda untuk mengimplementasikan solusi ini sendiri.

Namun, jika host Anda tidak menyediakan fitur ini, Anda harus mengambil tindakan sendiri. Seperti biasa dengan WordPress, ada plugin yang menawarkan kompresi GZIP sebagai bagian dari set fitur mereka, seperti WP Fastest Cache. Namun, jika Anda tidak ingin bergantung pada plugin, ada juga cara manual yang bisa Anda gunakan.

1. Buka file .htaccess situs Anda

Untuk menyiapkan kompresi GZIP secara manual, Anda harus mengedit file .htaccess situs Anda. Ini bertanggung jawab atas banyak fungsi penting yang memberi daya pada situs WordPress Anda, termasuk bagaimana ia berinteraksi dengan server Anda.

Sebelum Anda melanjutkan, saya sarankan untuk membuat cadangan situs Anda. Mengingat .htaccess adalah file inti WordPress, memiliki cadangan yang siap akan membantu melindungi diri Anda jika terjadi hal terburuk – bahkan untuk perubahan yang relatif kecil seperti ini.

Setelah Anda siap, Anda akan ingin mengakses server situs Anda menggunakan File Transfer Protocol (FTP). Saya merekomendasikan FileZilla open-source gratis – dan Anda mungkin ingin memoles keterampilan Anda juga. Anda harus masuk menggunakan kredensial FTP yang disediakan oleh host web Anda, dan setelah Anda masuk, Anda akan melihat layar berikut:

cara mempercepat situs wordpress dengan tangkapan layar sistem file kompresi gzip

Anda seharusnya dapat melihat file .htaccess di direktori root situs Anda (biasanya disebut public_html , tetapi bisa juga nama situs Anda, atau www ). Klik kanan padanya dan pilih Lihat/Edit untuk membuka file di editor teks default Anda:

cara mempercepat situs wordpress dengan kompresi gzip. Tangkapan layar file htaccess

Selanjutnya, kita akan menambahkan kode ke file ini.

2. Edit file untuk mengaktifkan kompresi GZIP

Sekarang Anda perlu menambahkan beberapa baris kode untuk memberi tahu server Anda untuk mengompresi dan mengirimkan file situs web Anda sebagai GZIP.

Anda ingin menambahkan baris baru di atas # END WordPress , dan tempel kode berikut: 

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

Di atas harus bekerja untuk sebagian besar server. Namun, jika tidak (kita akan membahas cara mengujinya di bagian berikutnya), cuplikan berikut akan berfungsi sebagai gantinya: 

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

Setelah selesai, simpan file .htaccess Anda. FileZilla akan menanyakan apakah Anda ingin mengganti file di situs Anda dengan versi baru, jadi pilih Ya saat diminta.

3. Uji apakah kompresi GZIP diterapkan dengan benar

Pada titik ini, Anda perlu menguji apakah situs Anda sekarang menggunakan kompresi GZIP seperti yang Anda instruksikan. Saya sudah menyebutkan ini secara singkat sebelumnya di artikel ini, dan ini sebenarnya adalah langkah termudah dalam prosesnya. Untuk melakukannya, Anda dapat menggunakan situs seperti Periksa kompresi GZIP:

cara mempercepat situs wordpress dengan kompresi gzip, periksa tutorial tangkapan layar alat kompresi gzip

Yang perlu Anda lakukan adalah memasukkan URL situs Anda dan klik ikon kaca pembesar . Situs kemudian akan memeriksa untuk melihat apakah file Anda dikirim melalui GZIP, dan mengembalikan hasilnya. Mudah-mudahan, Anda akan melihat pesan berikut:

cara mempercepat situs wordpress dengan kompresi gzip Tangkapan layar alat kompresi GZIP

Namun, jika hasil menyatakan situs Anda tidak menggunakan GZIP, ada tiga rute yang harus diambil. Salah satunya adalah mengganti snippet seperti yang diuraikan sebelumnya. Atau, Anda mungkin perlu menunggu beberapa saat sebelum perubahan menjadi aktif, atau bahkan membersihkan cache situs Anda.

Jika ini masih tidak memperbaiki masalah, periksa kembali kode di file .htaccess Anda untuk menemukan kesalahan. Jika Anda masih bingung, saran saya adalah menghubungi tim dukungan host web Anda untuk bantuan lebih lanjut.

Kesimpulan

Ketika datang untuk mengoptimalkan situs WordPress Anda untuk kecepatan, kompresi GZIP adalah salah satu metode yang paling sedikit dibicarakan namun paling berguna yang tersedia. Dengan mengompresi file situs Anda, Anda dapat memastikan waktu muat tetap rendah, dan pengguna Anda tidak mengalami perlambatan yang tidak perlu.

Pada artikel ini, kami telah membahas bagaimana Anda dapat mengaktifkan kompresi GZIP di situs WordPress Anda. Meskipun hanya menghosting situs Anda di server dengan kompresi yang sudah diaktifkan adalah opsi termudah, Anda juga dapat menggunakan langkah-langkah berikut untuk menyiapkannya sendiri:

  1. Buka file .htaccess situs Anda.
  2. Edit file untuk mengaktifkan kompresi GZIP.
  3. Uji apakah kompresi GZIP diterapkan dengan benar.

Apakah Anda memiliki pertanyaan tentang kompresi GZIP? Beri tahu kami di bagian komentar di bawah!