Cara Setting CloudFlare di WordPress dengan Langkah Mudah – Niagahoster Blog

Salah satu hal yang penting diperhatikan dalam pengembangan website adalah memastikan website tersebut dapat diakses dengan cepat. Belakangan hal ini menjadi krusial mengingat kecepatan loading website turut menentukan ranking di search engine. Ada banyak cara untuk mempercepat website, misalnya menggunakan plugin caching WordPress seperti WP Super Cache, optimasi gambar, maupun menggunakan Content Delivery Network (CDN). Dari sejumlah cara yang kami sebutkan, CDN CloudFlare adalah yang paling efektif. Nah, untuk memasangnya pada website, ada beberapa pilihan cara setting CloudFlare yang bisa Anda coba.

[ecko_button color=”blue” size=”large” url=”https://www.niagahoster.co.id/”]Tentu akan sangat memudahkan apabila Anda menggunakan hosting yang sudah menyediakan fitur CloudFlare. Di layanan Niagahoster, fitur CloudFlare kini sudah tersedia dalam cPanel![/ecko_button]

Pada tutorial berikut ini, kami akan mengulas cara setting CloudFlare untuk website, baik menggunakan plugin WordPress maupun tanpa menggunakan plugin WordPress.

Apa Itu CDN CloudFlare?

CloudFlare adalah jaringan pengiriman konten yang bertindak sebagai proxy antara website dan visitor. Melayani cache konten statis dari lokasi terdekat (CloudFlare memiliki banyak server yang tersebar di beberapa negara), hal itu menjadikan loading sebuah website lebih cepat.

Sebagai gambaran sederhana, CloudFlare bertindak sebagai penghubung antara pengunjung dan server website. Tujuannya supaya website terhindar dari serangan berbahaya yang dilakukan oleh pengunjung website. Pengunjung website dibagi menjadi tiga jenis:

  1. Visitor. Di sini, visitor adalah pengunjung berupa manusia.
  2. Perayap dan robot. Perayap dan robot adalah pengunjung  berupa program yang bertujuan untuk memindai setiap halaman website, dan dapat menghabiskan banyak bandwidth server.
  3. Attackers. Attackers adalah pengunjung yang bertujuan untuk melakukan serangan pada website.

Dengan menggunakan layanan CloudFlare, website Anda dijamin aman dari berbagai serangan maupun aktivitas yang dapat merusak performa Anda.

Selain itu, CloudFlare melayani semua request ke website dan dapat menawarkan layanan yang lebih berguna jika dibandingkan dengan CDN tradisional. Berikut adalah beberapa fasilitas yang akan Anda dapatkan menggunakan CloudFlare.

  • Mitigasi serangan DDoS.
  • Analytics untuk semua request yang dibuat ke website.
  • Instalasi sertifikat SSL yang lebih mudah.
  • Network gateway antara protocol.

Fungsi CloudFlare

Ketika CloudFlare diaktifkan pada website Anda, nameserver akan secara otomatis mengikuti nameserver dari CloudFlare. Hal ini akan memungkinkan seluruh aktivitas ke dalam website akan tersaring dan dapat diakses lebih cepat karena semua lalu lintas melalui CloudFlare terlebih dahulu. Berikut ini adalah beberapa keuntungan yang bisa Anda dapatkan dari CloudFlare.

  1. Mengarahkan visitor pada koneksi paling cepat. CloudFlare akan mengarahkan visitor pada data center terdekat, sehingga website dapat diakses dua kali lebih cepat jika dibandingkan tanpa menggunakan CloudFlare.
  1. Mengawasi lalu lintas berbahaya pada website. CloudFlare akan menerima permintaan akses dan menganalisa apakah pengunjung tersebut berbahaya atau tidak. Hal ini dilihat dari IP, resource yang diakses, dan seberapa sering melakukan akses tersebut ke situs Anda. Apabila terlihat seperti sebuah ancaman, CloudFlare akan memblokirnya.
  1. Sebagai cache konten statis. CloudFlare berfungsi sebagai cache konten statis untuk website, misalnya gambar, JavaScript, CSS, dan lain-lain.

Baca Juga: Studi Kasus Rabbani: Kapan Anda Harus berpindah ke VPS?

Berikut adalah Alasan Mengapa Anda Perlu Menggunakan CloudFlare

  1. Meningkatkan kinerja website. CloudFlare memiliki server proxy tersebar di beberapa negara dan dapat mengarahkan pengunjung ke server terdekat. Hal inilah yang menjadikan kecepatan loading halaman website meningkat.
  1. Optimasi website pada perangkat mobile. Teknologi Rocket Loader dan AutoMinify menjadikan website Anda dapat diakses lebih cepat dan efisien melalui berbagai perangkat.
  1. Perlindungan dari bot dan ancaman. CloudFlare menggunakan data dari pengguna serta pihak ketiga untuk mengidentifikasi apakah lalu lintas ke website merupakan ancaman atau bukan, dan akan berusaha menghentikannya. Anda dapat melihat laporannya pada dashboard CloudFlare.
  1. Melindungi website dari komentar spam. CloudFlare menggunakan data dari pihak ketiga untuk menyaring komentar pada situs Anda.
  1. Memberikan peringatan pada pengunjung jika komputer terinfeksi virus. CloudFlare dapat memberikan peringatan kepada pengunjung apabila komputer mereka terinfeksi virus dan menyarankan untuk segera membersihkannya. Biasanya, agar dapat mengakses website Anda, pengunjung akan diminta memasukkan CAPTCHA.
  1. Browsing mode offline. Ketika hosting mengalami gangguan, pengunjung akan tetap dapat mengakses website karena halaman website sudah ada dalam cache CloudFlare.
  1. Mengurangi penggunaan resource server. Request pada server akan berkurang dan hal ini mempengaruhi beban server, misalnya penggunaan CPU pada hosting. Bahkan ketika ada lonjakan visitor, beban server akan tetap aman.
  1. Laporan visitor. CloudFlare dapat menampilkan visitor apakah itu robot search engine, ancaman, atau lalu lintas dari pengunjung manusia.

Apa Saja yang Anda Butuhkan?

Sebelum Anda melanjutkan langkah pada tutorial berikut, Anda harus memiliki kedua akses ini.

  • Kontrol panel domain (Pilihan A dan Pilihan B)
  • cPanel hosting di niagahoster (Pilihan A)

Ada dua pilihan cara setting CloudFlare dalam tulisan ini, Pilihan A dan Pilihan B. Anda dapat memilih cara yang dirasa paling sesuai untuk Anda. Apabila Anda menggunakan hosting Niagahoster, disarankan untuk menggunakan Pilihan A. Jika Anda menggunakan layanan lain atau VPS dapat mencoba Pilihan B.

Pilihan A – Cara Setting CloudFlare di cPanel Niagahoster

Cara setting CloudFlare di layanan Niagahoster cukup mudah Anda lakukan sendiri. cPanel sudah terintegrasi dengan CloudFlare. Silakan login ke cPanel hosting Anda di Niagahoster (untuk link cPanel namadomainanda.com/cpanel). Setelah Anda berhasil login di cPanel, silakan cari menu CloudFlare, seperti yang terlihat pada gambar di bawah ini.

cara setting cloudflare

Selanjutnya, silakan login menggunakan akun CloudFlare Anda jika sudah terdaftar, jika belum terdaftar silakan register terlebih dahulu. Setelah Anda berhasil login di akun CloudFlare, silakan klik menu Domain dan pilih Full Zone Setup, seperti yang terlihat pada gambar di bawah ini.

Silakan tunggu beberapa saat, nameserver dari CloudFlare akan segera tampil. Nantinya harus Anda masukkan di pengaturan nameserver domain panel Anda.

setting akun cloudflare

Langkah selanjutnya silakan masuk ke domain panel Anda, kemudian silakan update nameserver menggunakan nameserver yang diberikan CloudFlare. Lihat contoh gambar di bawah ini agar lebih jelas. Di sini kami menggunakan domain panel milik Niagahoster.

domain panel niagahoster

Pada langkah ini proses seting DNS CloudFlare pada website Anda sudah selesai, silakan ditunggu maksimal 72 jam untuk proses pointing sepenuhnya.

Baca Juga: Cara Mempercepat Loading Blog Menggunakan Content Delivery Network (CDN)

Pilihan B – Cara Setting CloudFlare Secara Umum

Langkah 1: Membuat Akun CloudFlare

Silakan buka website CloudFlare dan klik tombol Sign Up untuk membuat akun di CloudFlare. Silakan isi semua yang diperlukan dan klik create account.

cara daftar cloudflare

Jika Anda sudah memiliki akun CloudFlare, silakan lewati langkah ini.

Langkah 2: Menambahkan Nama Domain di CloudFlare

Setelah Anda berhasil daftar di CloudFlare, Anda akan diminta untuk menambahkan domain dari website Anda. Silakan masukkan nama domainnya dan klik Scan DNS Records.

tambah domain di cloudflare

Biasanya hal ini memerlukan beberapa menit sampai proses scan selesai.

Langkah 3: Mengecek DNS Record untuk Nama Domain Anda di CloudFlare

Setelah proses scan selesai, Anda akan melihat detail DNS dari domain Anda. Pada langkah ini, Anda dapat mengaktifkan atau menonaktifkan  CloudFlare untuk subdomain yang dimiliki. CloudFlare yang berstatus aktif memiliki logo awan berwarna oranye, sedangkan yang berwarna silver berarti tidak aktif.

dns record di cloudflare

Disarankan untuk mengaktifkan CloudFlare untuk nama domain dan www seperti yang terlihat pada gambar di atas. Cara ini menjadikan CloudFlare dapat berjalan dengan baik itu pada domain dengan www atau tanpa www. Ketika sudah selesai silakan lik tombl Continue untuk melanjutkan ke proses berikutnya.

Penting: Mengaktifkan CloudFlare untuk cPanel, email, ftp atau sistem lainnya tidak disarankan karena dapat menyebabkan berbagai masalah DNS.

Langkah 4: Menghubungkan Nama Domain Anda ke Nameserver CloudFlare

Pada langkah ini, Anda akan dihadapkan pada pilihan mengenai CloudFlare plan. Silakan pilih yang versi Gratis dan klik tombol Continue.

Sekarang Anda akan mendapatkan nameserver dari CloudFlare. Silakan login ke doman panel yang Anda miliki untuk melakukan update namserver sesuai dengan nameserver yang didapatkan dari CloudFlare.

menambahkan nameserver cloudflare

Silakan klik tombol Continue.

Catatan: Hal ini biasanya memerlukan waktu maksimal 72 jam untuk proses propagasi secara penuh. Ketika nameserver sudah berhasil diupdate, Adna akan menerima konfirmasi email dari CloudFlare. Anda juga dapat mengecek status melalui website CloudFlare. Website Anda tidak akan mengalami downtime selama proses ini.

status domain di cludflare

Langkah 5 (optional): Cara Setting CloudFlare dengan Menginstal dan mengkonfigurasi plugin CloudFlare di WordPress

Jika website Anda menggunakan WordPress, Anda dapat menginstall plugin CloudFlare untuk memudahkan pengaturan fitur CloudFlare di dashboard admin. CloudFlare memiliki plugin yang cukup bagus untuk WordPress, dengan beberapa fitur yang cukup mudah digunakan, seperti:

  • Optimasi WordPress dalam satu klik
  • Aturan Web Aplication Firewall
  • Membersihkan cache otomatis
  • Statistik
  • Kemampuan untuk mengubah setingan CloudFlare tanpa harus masuk ke dashboard CloudFlare

Silakan login ke dashboard admin WordPress Anda kemudian instal plugin CloudFlare. Ketika proses instalasi selesai dan plugin sudah diaktifkan, mulai untuk mengkonfigurasi plugin CloudFlare. Silakan pilih menu Plugins, pilih Installed Plugins, kemudian pada plugin CloudFlare silakan klik Settings untuk melakukan konfigurasi.

cara setting cloudflare

Anda akan diminta memasukan email dan API key. Silakan klik tombol Get your API Key from here. Kemudian akan muncul pop up untuk login ke akun CloudFlare, dimana Anda dapat menemukan API Key pada bagian API KEY.

api key cloudflare

Setelah Anda mendapatkan API Key, silakan masukkan alamat email Anda dan API Key ke dalam formulir sebelumnya, kemudian klik tombol SAVE API Credentials.

Anda akan diarahkan ke halaman seting CloudFlare, silakan klik tombol Apply pada baris Apply Default Setings. Anda dapat menggunakan pengaturan default CloudFlare untuk website WordPress.

setting cludflare di wordpress

Kami sangat merekomendasikan agar Anda mengaktifkan Automatic Cache dengan mengklik tombol Enable pada baris Automatic Cache. Mengaktifkan Automatic Cache dapat membantu menghapus cache pada CloudFlare ketika dilakukan update desain pada website Anda.

mengaktifkan cache pada cloudflare

Kesimpulan

CloudFlare adalah cara terbaik untuk mempercepat website dan melakukan proteksi ketika terjadi serangan DDoS. Nah, cara setting CloudFlare ini sebenarnya tidak sulit. Anda hanya perlu memperhatikan secara seksama langkah-langkah pengaturan yang perlu Anda ambil.

Jika Anda pernah memiliki pengalaman menginstal CloudFlare, atau ingin sekedar ingin bertanya-tanya, Anda bisa menyampaikannya pada kolom komentar di bawah ini. Kami akan dengan senang hati membantu Anda 😊

 

Subscribe Sekarang

Dapatkan beragam artikel tutorial, insight dan tips menarik seputar dunia online langsung melalui email Anda. Subscribe sekarang dan raih kesuksesan bersama kami!

  • Deni Saputro

    Tapi kenapa aering terjadi error 502 ya min

    • Waryanto

      Halo Pak Deni Saputro,

      Untuk error tersebut dapat disebabkan karena terdapat masalah pada CloudFlare atau pada server website Anda sendiri. Jika masalah berasal dari server website Anda, silakan untuk menghubungi bagian support untuk dilakukan pengecekan. Untuk referensi silakan menuju link berikut https://goo.gl/q4KEFv

  • ariansyah

    sesudah setting, halaman selain homepage terdapat error SSL_ERROR_INTERNAL_ERROR_ALERT, kira2 knp ya?

    • Waryanto

      Hallo Bapak Ariansyah,

      Untuk error: SSL_ERROR_INTERNAL_ERROR_ALERT, dapat disebabkan karena domain masih dalam masa propagasi DNS, biasanya memerlukan waktu maksimal 72 jam

  • Habibi

    di cloudflare juga ada SSL gratis saya lihat, Apa beda dengan SSL berbayar ya?

    • Waryanto

      Halo Bapak Habibi,

      Perbedaan SSL gratis dari CloudFlare dan SSL Berbayar adalah untuk SSL gratis dari CloudFlare digunakan oleh lebih dari 50 customer, untuk penamaan di bagian infonya menggunakan CloudFlare (contoh: ssl123456.cloudflaressl.com), sedangkan untuk yang berbayar digunakan oleh Anda sendiri dan namanya adalah nama domain Anda.

      • Adelia

        Terus jika dari segi keamanan website apa beda kalo yang bayar sama yang gratis mas?

        • Adelia

          o ya, jika nanti kita mau gunakan yang berbayar apa SSL Gratis ini ini akan tetap tau akan dihapus ya mas 🙂

          • Waryanto

            Diganti dengan SSL baru

        • Waryanto

          Dari segi keamanan tidak jauh berbeda

  • Kasamago

    Mantab infornya, saya langsung praktikan langkah diatas..
    tinggal menanti propagasi, smg lancar.. amin

  • muktasir

    Website saya coba menggunakan layanan cloudflare CDN dan setelah resolve mengalami masalah, klien saya tidak bisa open tiket di client area. saat mereka coba submit tiket otomatis logout. kenapa itu tuan?

    • Waryanto

      Halo,

      Kemungkinan hal tersebut dapat disebabkan IP yang digunakan klien Anda adalah IP dinamis(berubah-ubah), untuk solusinya klien Anda dapat menginstal Add-Ons anonymox di browsernya. semoga berhasil 🙂

  • Muhamad Indra

    Maf mau tanya kenapa setelah menggunakan cdn CloudFlare tidak bisa menerima email dari domain, tetapu dapat mengirim email

  • Tebar Pesona Travel

    Jika dikombinasikan dengan plugin wp super chace di wordpress, apakah ada pengaturan khusus min?

    • Waryanto

      Tidak ada pengaturan khusus, tapi pastikan di setingan cloudflare pada bagian Speed > Auto Minify untuk Javascript, CSS, HTML tidak aktif / tidak dicentang.

  • sulaiman

    Help mas kenapa jadi error ya "Error code: SSL_ERROR_NO_CYPHER_OVERLAP"

    • Waryanto

      Coba dibalikin ke setingan semula/nameservernya diarahkan langsung ke hosting, kemudian diseting ulang ke cloudflare (pastikan untuk nameserver hanya menggunakan 2 nameserver cloudflare saja). semoga membantu. 🙂

  • Yansen

    Hallo min,
    Mau tanya nih, sebelumnya web saya sudah terinstall Rapid SSL. Ketika menggunakan CDN CLoudflare yang terbaca adalah FREE SSL dari Cloudflare.
    Nah solusi agar kita bisa pakai DNS CLoudflare tetapi SSL tetap terbaca Rapid SSL gimana ya?

    Terima kasih

  • agus

    apakah bisa langsung mengaktifkan ssl dari cloudflare di cpanel niaga hoster pak? kalo bisa bagaimana caranya?
    terima kasih banyak. 🙂

    • Waryanto

      Jika menggunakan DNS CloudFlare, untuk mengaktifkan SSL dapat melalui dashboard CloudFlare, silakan pilih menu Crypto, kemudian pada bagian SSL pilih Flexible.

  • internet marketing

    min, mau tanya donk, untuk setting email jika sudah menggunakan cloudflare gimana ya? thanks.

    • Waryanto

      Biasanya untuk email sudah otomatis terseting. Untuk mengeceknya, silakan login di akun CloudFlare, kemudian pilih menu DNS dan cek bagian mail.

  • ashari

    setelah aktifkan cloudflare banyak masalah..
    salah satunya error 502
    setelah baca artikel https://goo.gl/q4KEFv menurut artikel ini kesalahan bukan di cloudflare tapi di server hosting.
    gimana memperbaikinya ?

    • Waryanto

      Untuk solusinya, karena kesalahan ada pada server, silakan menghubungi support layanan hosting yang Anda gunakan untuk dilakukan pengecekan lebih lanjut.

  • Miftakhul

    ikut nimbrung., kok setelah pakai cloudflare, Cpanel saya jadi eror tampilannya ya gan?apa memang begitu? tampilannya cuma tulisan-tulisan html saja?terimakasih

    • Waryanto

      Coba akses cPanel Anda melalui url default dari hosting Anda, biasanya dikirimkan melalui email ketika hosting diaktifkan, bukan dari domain yang diseting CloudFlare tapi berupa IP atau alamat khusus.

  • RoketLagu

    ternyata sangan berguna sekali ya jika menggunakan cloudflare ini

  • jagoan ilmu

    apakah masih perlu install pluginnya di wp, kalo sudah diaktifkan lewat cpanel

  • Jelita Reload

    Saya baru pasang, kenapa masih sama ya min saya cek pakai gtmetrix, apa harus menunggu beberapa jam supaya cepat

    • Waryanto

      Silakan ditunggu 1×24 jam untuk proses propagasi

  • tedi

    saya sudah setting cloudfare seperti di pilihan A tapi tidak terjadi apa apa, dan saat saya buka menu cludfare di cpanel saya masih di suruh untuk setting nameserver, pdahal nameserver sudah saya rubah

    • Waryanto

      Jika langkah yang Anda lakukan sudah sesuai dengan tutorial, silakan ditunggu untuk proses pointing, untuk memastikan nameserver Anda menggunakan nameserver CloudFlare, dapat dicek melalui intodns.com

  • ady

    claudflare gratisnya kan cuman 1 bln, kalau masa gratis abis gmana ?

  • perbankan indonesia

    Makasih infonya gan 100% berhasil dan semoga yang hosting di niagahoster juga menggunakan cloudflare ini..

    • Waryanto

      Sama-sama, semoga visitor di blog agan juga semakin bertambah 🙂

  • kanca desain

    Saya sudah setting cloudflar. Tapi permasalahan nya, wp-admin jadi tidak bisa diakses.

    ERR_SSL_VERSION_OR_CHIPER_MISMATCH

    Solusi nya gimana ya min?

    • Waryanto

      Coba aktifkan SSL yang ada di pengaturan CloudFlare Anda melalui menu Crypto

  • Dani

    Apakah juga support untuk platform Joomla ? Adakah yang pernah menggunakan dengan platform joomla disini ?

    • Yasin Manganugrahana K

      Jika menggunakan Joomla Anda bisa menyetingnya juga dengan mengganti nameserver menggunakan cloudflare

  • apkmirror

    apakah versi free akan bermasalah.???

  • Tutik

    Di overview kq status website not active (DNS modification pending)

    • Yasin K

      Apakah sudah dilakukan pengaturan pada nameserver domainnya?
      Nameserver domain seharusnya sama dengan nameserver pada hosting

  • Haryono

    Sempat mau dipasang untuk website yang lain tapi hasilnya malah gagal nih 😀 langsung aja nameserver cloudflarenya saya copot lagi

  • ngos

    Really very nice informative article thank you for sharing

twenty + eleven =