Solusi Tombol “Reply Comment” WordPress Tidak Berfungsi akibat Cloudflare
Apakah Anda pernah mengalami tombol “Reply” atau “Balas Komentar” di WordPress tiba-tiba tidak bisa diklik?
Secara normal, form komentar akan otomatis berpindah ke bawah komentar yang ingin dibalas. Namun, saat masalah ini terjadi, form tersebut tidak muncul sama sekali. Bahkan setelah mematikan semua plugin, tombol tetap tidak berfungsi.
Jika Anda menggunakan Cloudflare, kemungkinan besar ini adalah penyebabnya. Yuk, simak cara mengatasinya!
Mengapa Masalah Ini Terjadi?
Secara teknis, fitur balas komentar di WordPress digerakkan oleh file JavaScript bawaan bernama comment-reply.min.js. File ini biasanya terisi dan termuat dengan aman di folder wp-includes/js/.
Masalah muncul karena adanya teknik Defer Parsing JavaScript (penundaan pemuatan skrip) yang digunakan untuk mempercepat loading website. Cloudflare menerapkan teknik ini secara otomatis melalui fitur gratis mereka bernama Rocket Loader.
Karena Rocket Loader menunda eksekusi semua file JavaScript agar konten teks/gambar muncul duluan, file comment-reply.min.js ikut tertunda dan akhirnya gagal berjalan sebagaimana mestinya.
Solusi 1: Mematikan Rocket Loader (Paling Cepat)
Jika Anda tidak ingin pusing, Anda bisa langsung menonaktifkan fitur ini.
- Login ke dasbor Cloudflare.
- Buka menu Speed > klik sub-menu Optimization.
- Gulir ke bawah dan cari bagian Rocket Loader.
- Ubah posisi toggle menjadi Off (warna abu-abu).
Solusi 2: Membuat Pengecualian Skrip (Rekomendasi)
Fitur Rocket Loader sebenarnya sangat bagus untuk kecepatan website. Sayang rasanya jika harus dimatikan total. Solusi terbaiknya adalah membuat pengecualian khusus untuk file comment-reply.min.js.
Sesuai dokumentasi resmi Cloudflare, Anda bisa menambahkan atribut data-cfasync="false" pada tag skrip yang ingin diabaikan oleh Rocket Loader.
Tambahkan kode PHP berikut ke dalam file functions.php tema aktif Anda, atau gunakan plugin seperti Code Snippets:
function rocket_loader_comment_reply( $tag, $handle, $src ) {
if ( 'comment-reply' !== $handle )
return $tag;
return str_replace( ' src', ' data-cfasync="false" src', $tag );
}
add_filter( 'script_loader_tag', 'rocket_loader_comment_reply', 10, 3 );
Kode di atas akan otomatis menyisipkan atribut data-cfasync="false" khusus untuk file JavaScript balas komentar WordPress. Dengan begitu, website Anda tetap ngebut dengan Rocket Loader, dan fitur balas komentar tetap berfungsi normal!
Menurutku solusi kedua ini lebih baik, karena kita tetap bisa mendapatkan keuntungan dari Rocket Loader.
Selamat mencoba. 🙂
