Cara Setting WP Cloudflare Super Page Cache

Panduan cara setting WP Cloudflare Super Page Cache untuk menerapkan full cache Cloudflare pada WordPress. Pelajari dan ikuti tutorial optimasi berikut ini.

Artikel ini akan memandu cara setting WP Cloudflare Super Page Cache yang ideal untuk mengoptimasi kecepatan WordPress. Salah satu plugin gratis yang memanfaatkan fasilitas cache yang juga gratis dari Cloudflare namun dengan beberapa nilai tambah.

Cara Setting WP Cloudflare Super Page Cache
Cara Setting WP Cloudflare Super Page Cache

Tahukan Anda bahwa Cloudflare juga bisa melayani cache dinamis tidak hanya statis saja? Bagi Anda yang mungkin belum tahu file statis dan dinamis di WordPress itu apa berikut penjelasan singkatnya.

File statis di WordPress adalah file yang tidak berubah secara dinamis seperti JavaScript, CSS dan gambar. Sedangkan file dinamis adalah file yang selalu berubah secara rutin (dinamis) seperti HTML, artikel dan komentar.

Pada kondisi standar, Cloudflare hanya akan menyimpan dan melayani cache file statis. Namun dengan sedikit usaha, Cloudflare juga bisa “dipaksa” untuk menyimpan dan melayani file dinamis.

Caranya adalah dengan memanfaatkan fitur Page Rules. Pada versi gratis, Cloudflare dengan murah hati memberikan 3 Page Rules yang bisa kita manfaatkan.

Kita bisa menggunakan Page Rules ini untuk memberikan perintah kepada Cloudflare agar melakukan caching secara penuh (full cache: statis dan dinamis).

Bagaimana cara setting Page Rules Cloudflare untuk full cache?

Cara Setting WP Cloudflare Super Page Cache
Cloudflare Page Rules untuk Full Cache

Buatlah 3 Page Rules seperti gambar diatas. Urutan penempatan rules juga harus urut seperti gambar diatas. Apa maksud tiga rules tersebut?

  1. Cloudflare diberi perintah untuk tidak melakukan caching pada halaman wp-admin.
  2. Cloudflare diberi perintah untuk tidak melakukan caching pada halaman preview.
  3. Cloudflare diberi perintah untuk melakukan full cache.

Singkatnya, Cloudflare akan melakukan full caching pada semua halaman situs WordPress kecuali halaman wp-admin dan preview.

Pada menu Caching di dashboard Cloudflare, pastikan juga untuk mengkonfigurasi Browser Cache TTL = Respect Existing Headers.

Cara Setting WP Cloudflare Super Page Cache
Setting Browser Cache TTL ke Respect Existing Header

Mudah bukan? Tapi cara ini ada kelemahannya yang bisa saja “mengerikan”. Apa efek negatifnya?

Melakukan full caching pada file dinamis memiliki resiko sebagai berikut:

  • Setiap ada komentar baru, tidak akan tampil otomatis sampai Anda harus melakukan clear cache.
  • Penerbitan dan perubahan artikel baru tidak akan langsung tampil sebelum clear cache.
  • Admin Toolbar akan ter-cached dan bisa saja muncul di tampilan muka situs WordPress dan terlihat ke pengunjung.

Tidak ideal bukan? Kuncinya adalah Anda harus melakukan clear cache setiap ada perubahan-perubahan yang terjadi pada situs WordPress Anda.

Sebenarnya banyak trik yang bisa dilakukan untuk mengatasi masalah-masalah diatas. Namun fokus artikel ini akan kami lanjutkan ke panduan cara setting WP Cloudflare Super Page Cache.

Cara Setting WP Cloudflare Super Page Cache

Apa sih plugin WP Cloudflare Super Page Cache ini?

Plugin ini memiliki fitur untuk mengaktifkan full cache di Cloudflare sama seperti yang dilakukan pada langkah-langkah diatas. Namun plugin ini memiliki manajemen otomatis untuk clear cache otomatis setiap adanya perubahan yang terjadi pada file dinamis.

Anda harus sudah menyambungkan situs WordPress dengan layanan Cloudflare untuk melanjutkan ke panduan berikut. Jika belum, Anda bisa mengikuti langkahnya di artikel berikut ini.

Baca juga: Cara Setting Cloudflare di WordPress

API Cloudflare

Langkah pertama adalah Anda harus mendapatkan API Key Cloudflare. Silahkan masuk ke menu dashboard akun Cloudflare -> Overview. Di bagian kanan bawah silahkan klik “Get your API token“.

Di menu API Tokens -> Global API Key -> View. Silahkan copy/salin API tersebut.

Cara Setting WP Cloudflare Super Page Cache
Global API Cloudflare

Setting Plugin

Buka plugin WP Cloudflare Super Page Cache -> Authentication mode = API KEY -> kemudian masukkan email akun Cloudflare dan Global API milik Anda. Kemudian pilih domain yang akan disambungkan.

Pada halaman awal, silahkan klik Enable Page Caching Now.

Cache

Sesuaikan dengan setting berikut.

Cara Setting WP Cloudflare Super Page Cache
Setting Cache WP Cloudflare Super Page Cache

Advanced

Pada menu advanced sesuaikan dengan gambar berikut.

Cara Setting WP Cloudflare Super Page Cache
Setting Menu Advanced

Pada opsi Preload all URLs into the following sitemaps, masukkan link sitemap situs WordPress Anda.

Third Party

Pada menu ini kami rekomendasikan biarkan pada kondisi standar / default.

Kalau Anda menggunakan WP Rocket, silahkan sesuaikan dengan konfigurasi berikut:

Cara Setting WP Cloudflare Super Page Cache
Setting WP Cloudflare Super Page Cache untuk WP Rocket

SELESAI

Jika dilihat di dashboard Cloudflare pada menu Page Rules, plugin ini secara otomatis membuat 1 rule untuk melakukan full caching.

Cara Setting WP Cloudflare Super Page Cache
Page Rules Cloudflare WPNesia

Namun bedanya adalah semuanya akan berjalan otomatis setiap ada perubahan file dinamis situs WordPress Anda. Tidak perlu melakukan manual clear cache setiap ada perubahan.

Catatan: efeknya tidak akan langsung instan. Tunggu beberapa jam atau hari untuk memastikan full page cache berjalan dengan baik di situs WordPress milik Anda. Jangan terlalu sering purge cache Cloudflare.

Cek Hasil

Bagaimana kita tahu full cache Cloudflare berjalan dengan baik dan plugin juga melakukan tugasnya dengan benar? Cek status header situs Anda. Indikatornya adalah sebagai berikut.

Status

x-wp-cf-super-cache: cachecache aktif
x-wp-cf-super-cache: no-cachecache tidak berjalan dengan semestinya.
cf-cache-status: HITproses caching Cloudflare berjalan dengan normal.

Bagaimana cara cek status header situs WordPess Anda?

Cara pertama: buka URL berikut ini dan masukkan alamat situs Anda.

https://tools.keycdn.com/curl

Hasilnya seperti berikut ini (maaf beberapa data kami sensor karena milik klien).

Cara Setting WP Cloudflare Super Page Cache
Status Header

Cara ke dua: buka homepage atau salah satu halaman WordPress Anda dengan Chrome mode incognito (penyamaran). Klik kanan -> Inspect. Silahkan cari pada bagian Network -> Headers.

Cara Setting WP Cloudflare Super Page Cache
Status Header via Inspect Chrome

Cara ke tiga: di menu WP Cloudflare Super Page Cache klik pada bagian Test Cache dan hasilnya seperti berikut:

Cara Setting WP Cloudflare Super Page Cache
Full Cache Berjalan Dengan Normal

Kendala yang biasanya muncul:

Pada beberapa kasus, full cache tidak berjalan semestinya karena bentrok dengan cache yang dilakukan plugin cache lain.

Solusinya, Anda harus menonaktifkan atau disable cache yang dilakukan oleh plugin cache yang Anda gunakan

Contoh, jika Anda menggunakan WP Rocket, Anda bisa menambahkan plugin WP Rocket Disable Page Caching.

Bagaimana, apakah ada kesulitan? Silahkan bertanya di kolom komentar.

Baca juga: Review dan Cara Setting BunnyCDN di WordPress

Kesimpulan

Menggunakan Cloudflare full cache adalah salah satu trik optimasi kecepatan situs WordPress. Hadirnya plugin WP Cloudflare Super Page Cache memberi kemudahan dalam menerapkan fitur tersebut.

Panduan cara setting WP Cloudflare Super Page Cache ini kami hadirkan dengan harapan Anda bisa menerapkannya dengan baik dan kemudian situs WordPress Anda bisa menjadi lebih cepat diakses oleh pengunjung. Semoga berhasil.

Baca juga:

Lulusan Teknik Informatika yang berkecimpung di dunia internet sejak 2002 sebagai part-time blogger dan internet marketer. Tertarik dengan teknologi pada umumnya, pengembangan website dan gadget pada khususnya.

1 thought on “Cara Setting WP Cloudflare Super Page Cache”

Leave a Comment


Klik Webnesia