Cloudflare Cache Semuanya Meningkatkan TTFB WordPress Sebesar 90%

Anda tahu kecepatan situs adalah faktor penting untuk blog Anda. Cache Cloudflare semuanya benar-benar dapat membantu Anda mempercepat.

Pengunjung Anda tidak akan menunggu lebih dari beberapa detik untuk memuat halaman web Anda sebelum mereka pergi. Google memperjelas bahwa waktu respons merupakan faktor penting dalam peringkat pencarian. Jadi ya, kecepatan penting hari ini untuk situs Anda.

Relatif mudah untuk mendapatkan kecepatan pemuatan halaman yang wajar untuk desktop dengan WordPress. Tetapi kecepatan seluler tidak semudah itu.

Namun, ada cara untuk meningkatkan kecepatan situs Anda secara dramatis dengan aturan halaman Cloudflare.

Apakah Anda menggunakan Cloudflare?

Langkah pertama untuk meningkatkan waktu respons sisi server Anda adalah membuat situs Anda berjalan di CDN (Jaringan Pengiriman Konten).

Layanan paling populer adalah Cloudflare untuk sebagian besar blogger karena sangat efektif, andal, dan gratis.

Jika Anda perlu menambahkan situs Anda ke Cloudflare, tutorial dari WP Beginner ini adalah tempat yang tepat untuk memulai.

Tetapi jika Anda sudah menggunakannya, Anda dapat meningkatkan kinerja time to first byte (TTFB) Anda secara dramatis.

Ini adalah salah satu faktor terpenting untuk kecepatan pemuatan situs.

Di artikel sebelumnya, saya menulis tentang meningkatkan kecepatan halaman admin WordPress dengan aturan tiga halaman.

Tetapi untuk perbaikan ini, Anda perlu menggunakan aturan Cloudflare cache everything.

Jika Anda menggunakan akun Cloudflare gratis, Anda hanya mendapatkan tiga aturan halaman.

Jadi itu akan membutuhkan perubahan pada aturan halaman Anda yang sudah ada.

Tapi itu sepadan dengan usaha.

Mengurangi TTFB

Berikut adalah beberapa contoh seberapa besar perbedaan yang dapat dilakukan perubahan ini pada kecepatan TTFB Anda.

Dua gambar di bawah menggunakan Alat Deleveopers Chrome menunjukkan seberapa besar perbedaan yang dapat Anda buat pada kecepatan seluler Anda.

Yang pertama tidak dioptimalkan dan memiliki TTFB 1,55 detik.

Anda dapat melihat peningkatannya di sini setelah menambahkan aturan Cloudflare yang baru. TTFB sekarang hanya 33,25 milidetik.

Dari akun Freshping saya, Anda dapat melihat waktu respons keseluruhan untuk tiga situs yang saya optimalkan.

Mereka 90% lebih cepat dari empat situs yang belum sepenuhnya di-cache.

Cara menerapkan Cloudflare cache semuanya

Sebelum Anda langsung melakukan perubahan ini, ada peringatan.

Metode ini hanya cocok untuk situs statis yang tidak terlalu sering berubah.

Bukan ide yang baik jika Anda memiliki konten dinamis seperti mengubah widget, umpan Twitter, penggeser, atau pembaruan informasi secara teratur.

Saat Anda menambahkan cache semuanya ke Cloudflare, ia melakukan apa yang dikatakannya.

Inilah cara Anda dapat menambahkan peningkatan kecepatan situs ini dari dasbor Cloudflare Anda.

Untuk memulai, Anda perlu menambahkan aturan baru. Klik pada tombol aplikasi aturan halaman di menu atas.

Jika Anda sudah memiliki tiga aturan, Anda harus menghapus salah satunya. Dalam kasus saya, saya menghapus aturan *preview=true*.

Sekarang tambahkan aturan halaman baru Anda untuk URL situs web Anda dengan bintang pengganti di kedua ujungnya.

Kemudian tambahkan pengaturan aturan ini.

Cache Peramban TTL – 1 jam
Tingkat Cache – Cache Semuanya
Edge Cache TTL – 7 hari

Klik simpan, dan semuanya sekarang diatur untuk header kontrol cache Anda.

Satu catatan penting adalah untuk memeriksa dan memastikan bahwa Anda memesan aturan seperti pada gambar di atas.

Aturan cache situs Anda harus muncul setelah aturan wp-login dan wp-admin Anda untuk melindungi kontrol cache asal dari halaman admin Anda.

Anda juga harus memeriksa pengaturan cache browser Cloudflare Anda untuk memastikan bahwa Anda telah memilih Hormati Header yang Ada.

Periksa Pemuat Roket

Anda mungkin juga ingin memeriksa apakah Anda menggunakan Rocket Loader Cloudflare.

Saat berhasil, ini berfungsi dengan sangat baik, tetapi juga dapat merusak situs Anda. Saya menjalankannya di dua situs, dan itu baik-baik saja.

Tapi di situs lain, itu menimbulkan masalah, jadi saya mematikannya.

Setelah Anda memeriksa bahwa semua pengaturan sudah benar, buka situs Anda untuk melihat apakah semuanya berfungsi seperti yang diharapkan. Seharusnya memuat hampir secara instan sekarang.

Kemudian periksa kecepatan situs Anda dengan Google Page Speed ​​Insights, GTMetrix, atau Pingdom untuk melihat peningkatannya.

Sasaran Anda harus di bawah 200 md untuk TTFB dan di bawah 2 detik untuk terisi penuh.

Ini screenshot waktu muat untuk salah satu situs saya di GTMetrix. Anda dapat melihat bahwa itu terisi penuh hanya dalam 0,6 detik.

Satu kekurangan dan solusinya

Karena semua yang ada di situs Anda sekarang di-cache, setiap perubahan yang Anda buat tidak akan berpengaruh hingga siklus cache selesai.

Ini bisa memakan waktu lama untuk terjadi.

Oleh karena itu, saat Anda menambahkan postingan baru atau mengedit postingan yang sudah ada, Anda tidak akan melihat perubahannya. Ini juga berlaku untuk komentar baru di situs Anda.

Satu-satunya cara untuk mengatasinya adalah dengan menginstal plugin Cloudflare.

Saya tidak suka menambahkan lebih banyak plugin, tetapi yang ini penting untuk perbaikan kecepatan ini.

Setelah Anda menambahkannya, ubah Manajemen Cache Otomatis menjadi aktif.

Sekarang akan membersihkan file individual yang Anda buat atau edit dan kemudian menyimpan file baru dari server web asal Anda.

Dari plugin, Anda juga dapat membersihkan seluruh situs Anda. Tetapi tindakan ini akan menambah waktu muat Anda.

Lebih baik menjeda situs web Anda di Cloudflare jika Anda ingin mem-bypass masalah cache untuk menyelidiki masalah apa pun.

Tombol yang seharusnya tidak Anda klik adalah Optimalkan Cloudflare untuk WordPress.

Jika Anda melakukannya, itu mengubah banyak pengaturan yang mungkin tidak Anda inginkan. Ini termasuk mengecilkan HTML, javascript, dan CSS dan juga mengubah pengaturan tajuk yang ada.

Pembaruan: Solusi baru dan jauh lebih baik

Sejak menulis artikel ini, sekarang tersedia plugin WordPress gratis baru yang menyelesaikan hampir semua masalah dengan Cloudflare Cache Semuanya.

Cache Halaman Super untuk Cloudflare mudah dipasang dan memberi Anda banyak kendali.

Plugin ini membantu Anda menyimpan tidak hanya file statis (misalnya, CSS, JS, gambar, dll.) tetapi juga halaman web HTML yang dibuat oleh WordPress, baik di tingkat disk server maupun di CDN Cloudflare global.

Saya menginstalnya di salah satu situs saya, dan berfungsi dengan sempurna. TTFB turun dari hampir satu detik menjadi kurang dari 0,2 detik.

Ini sebanding dengan Cloudflare APO, yang bukan merupakan layanan gratis.

Tetapi jika Anda menggunakan akun Cloudflare gratis, plugin gratis ini akan melakukan hampir semua hal yang dapat dilakukan oleh APO.

Saya menggunakan plugin caching ini di Just Publishing Advice, dan memudahkan untuk mendapatkan hasil Core Web Vitals yang bagus.

Anda dapat memeriksa halaman mana pun di situs ini dengan PageSpeed ​​Insights atau GTMetrix untuk melihat seberapa baik cache bekerja.

Saya akan terkejut jika Anda tidak mendapatkan hasil yang semuanya hijau.

Jika Anda ingin meningkatkan kecepatan pemuatan dan Core Web Vitals, ada baiknya untuk melihatnya.

Ringkasan

Cache Cloudflare Semuanya bekerja dengan sangat baik dan akan sangat mempercepat situs Anda. Ini sangat efektif untuk meningkatkan kecepatan situs seluler.

Tapi ini bukan untuk setiap situs, dan mungkin ada kekurangannya tergantung pada tema, fungsionalitas, dan desain situs Anda.

Metode caching ini sangat agresif, jadi periksa kembali semuanya.

Idealnya, Anda harus mencobanya di situs pementasan atau kotak pasir untuk memastikan bahwa situs Anda berfungsi tanpa masalah.

Jika Anda menerapkannya di situs langsung dan mengalami masalah, Anda selalu dapat menghapus aturan halaman. Kemudian bersihkan sepenuhnya situs Anda di Cloudflare.

Anda kemudian akan kembali ke tempat Anda memulai.

Jika Anda memerlukan bantuan, ada banyak entri di Dukungan Cloudflare mengenai konten statis cache dan cache semuanya.