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.
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?
Buatlah 3 Page Rules seperti gambar diatas. Urutan penempatan rules juga harus urut seperti gambar diatas. Apa maksud tiga rules tersebut?
- Cloudflare diberi perintah untuk tidak melakukan caching pada halaman wp-admin.
- Cloudflare diberi perintah untuk tidak melakukan caching pada halaman preview.
- 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.
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.
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.
Advanced
Pada menu advanced sesuaikan dengan gambar berikut.
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:
SELESAI
Jika dilihat di dashboard Cloudflare pada menu Page Rules, plugin ini secara otomatis membuat 1 rule untuk melakukan full caching.
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: cache | cache aktif |
x-wp-cf-super-cache: no-cache | cache tidak berjalan dengan semestinya. |
cf-cache-status: HIT | proses 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 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 ke tiga: di menu WP Cloudflare Super Page Cache klik pada bagian Test Cache dan hasilnya seperti berikut:
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:
muncul error “Error: undefined Failed to fetch” saat Enable Page Caching