Cara Optimasi situs dengan CloudFlare

Saat ini, banyak sekali situs yang memakai jasa CloudFlare, ada situs biasa, ada situs pemerintah (kalo ga salah pemerintah Turki pake CloudFlare), bahkan situs IM terbesar di Indonesia pun memakai CloudFlare. Berikut pernyataan Mimin situs tsb.

OK mungkin banyak agan yang masih asing tentang apa itu CloudFlare. Kalo secara definisi saya sendiri kurang bisa menjelaskan, tapi secara praktek, CloudFlare sangat berguna karena akan mempercepat loading situs kita dan akan menangkis serangan para hacker (plan PRO).

Kalo pendengaran bahasa Inggris agan cukup tajam, dapat melihat video resmi berikut ini:
[video=vimeo;14700285]http://vimeo.com/14700285[/video]

Saya sendiri sudah mencoba CloudFlare kurang lebih satu bulan dan sangat merasakan manfaatnya, terutama dalam menghemat Bandwidth hosting. Ini saya kasih bukti situs saya sebelum dan sesudah menggunakan CloudFlare.

Sebelum:

Spoiler

Sesudah:

Spoiler

Terlihat di atas bahwa Bandwith situs tsb dapat ditekan lumayan besar.

Nah, sekarang saya akan berbagi cara optimasi situs dengan CloudFlare.
Langkah-langkahnya saya bagi 2.

=============================================================
++++++++++++++++++++ Cara Pertama ++++++++++++++++++++++++

Di cara pertama ini, kita akan menggunakan serpis CloudFlare tanpa bantuan cPanel, ciri2 nya adalah pada NS yang digunakan. NS ini lah yang harus agan arahkan dari pihak registrar.

nanti fromat NS nya akan menjadi seperti ini:
NS1: xxxx.xx.cloudflare.com
NS2: xxx.xx.cloudflare.com

Bingung, kita langsung praktek:

Daftar Akun Cloudflare
Untuk bisa mendapatkan serpis cloudflare, pertama agan harus mendaftar dulu. Silahkan kunjungi situs resmi CloudFlare dan lakukan registrasi seperti biasa. Link: http://www.cloudflare.com/sign-up

Spoiler

Daftarkan situs ke CloudFlare
Setelah agan berhasil mendapatkan akun Cloudflare, saatnya agan masuk ke akun Clodflare.
1. Berikut adalah tampilan pertama kali saat agan mendapat akun Cloudflare. Isi field yang diperlukan seperti ini:

Spoiler

2. Setelah agan klik tombol 'Add website' Cloudflare akan men-scan situs agan dan agan harap menunggu.

Spoiler

3. Setelah selesai klik pada tombol Continue.

Spoiler

4. Selanjutnya adalah halaman dimana Cloudflare berhasil men-scan configurasi situs kita. Kalau semua sudah betul, klik pada "I've added all missing records, continue" .

Spoiler

5. Agan akan dihadapkan pada pilihan Plan yang ada. Kalau saya, pilih yang free. Caranya:

Spoiler

Spoiler

6.Berikut fitur yang agan dapatkan pada Plan Free. Kalo ingin yang tahan serangan DDoS agan pilih Plan yang PRO. Untuk settingan free kita pilih setting default, settingan ini bisa dirubah sewaktu-waktu. Kalau sudah OK, klik 'Continue' .

Spoiler

7. Agan akan mendapat Name Server baru untuk situs agan:

Spoiler

Silahkan masuk ke registrar domain agan agar NS-nya bisa diarahkan sesuai yang diberikan Cloudflare.

8. Kalo sudah diarahkan, klik pada "I have updated my nameservers, continue".

Spoiler

9. Selamat, semua step sudah selesai. Agan dapat melihat list domain agan. Tunggu hingga 24 jam untuk proses propagasi.

Spoiler

10. Kalau situs agan berbasis WordPress, agan bisa menginstall plugin Cloudflare untuk menyempurnakan setting Cloudflare ini. Halaman plugin ada di sini: http://wordpress.org/extend/plugins/cloudflare/ . Plugin Cloudflare akan meminta agan memasukan API mereka. Agan bisa melihat API Cloudflare pada halaman Account: https://www.cloudflare.com/my-account

Spoiler

Selamat sekarang situs agan sudah terhubung dengan Cloudflare. Agan nanti bisa melihat statistik situs di Dashboard akun Cloudflare. Kira2 statistik nya seperti ini:

Spoiler

Itu adalah setting CloudFlare pake cara pertama.

=============================================================
+++++++++++++++++++++ Cara Kedua +++++++++++++++++++++++++

Cara kedua ini lebih simpel, karena kita tidak perlu mengubah NS sesuai permintaan CloudFlare. Kita atur semua setting CloudFlare lewat cPanel.

Caranya adalah sbb:

1. Login ke cPanel, cari pada bagian "Software/Services", klik pada icon CloudFlare.

Spoiler

2. Kita akan Sign Up ke CloudFlare, masukan alamat email agan, hal ini berlaku bagi yang belum punya akun dan yang sudah punya akun CloudFlare.

Spoiler

3. bagi agan yang sudah punya akun CloudFlare, maka akan muncul keterangan kalo agan udah terdaftar. Hal itu tidak masalah karena agan tinggal masukan password CloudFlare seperti ini:

Spoiler

4. Kalau proses Sign Up udah berhasil, saatnya masuk ke setting CloudFlare. (lihat gamnbar no. 1)

5. Klik pada domain yang akan agan arahkan ke CloudFlare.

Spoiler

6. Setelah di klik di bagian bawah akan ada CloudFlare status dgn icon awan berwarna abu-abu.

Spoiler

7. Untuk mengkatifkan CloudFLare, silahkan klik icon awan abu-abu tsb, sehingga icon awan berwarna orange.

Spoiler

8. Kalo sudah seperti itu, berarti serpis CloudFlare udah berjalan.

Spoiler

9. Agan pun bisa melihat statistik CloudFlare dari cPanel (tidak harus masuk ke situs cloudflare.com .

Spoiler

10. Kalo mau report yang lebih lengkap bisa masuk ke akun cloudflare agan.


==================================================
OK sekian share kali ini, moga bermanfaat.
Tks
hardinalz

 

berarti itu cmn bs utk main domain y kk? klo subdomain apa jg bs? bingung pas ngarahin DNS klo subdomain

 

kalo subdomain kan nyambung ke domain utama, jadi kalo domain utama nya pake CloudFlare maka subdomain nya bakal ngikut. CMIIW

 

kalo host yang udah ada fitur Cloudflare udah ada setingan via cpanel. tidak perlu ganti ns kalo via cpanel host yang udah ada fitur itu. tinggal diaktifkan.

 

hoooo...... dicoba kalau begitu.... smg lancar. makasih banyak kk. soalnya webku,justru subdomainya yg aktif

 

kalau aq langsung lewat cpanel aktifin'a

 

Manteb juragan share and tutornya kumplit pake telor
sayang blog ane belom ada yg butuh cloudflare ... ngeri liat trefik bandwithnya

 

wow,,, bru tau ni gan,,, tapi masih kurang ngerti,,, nonton videonya dulu dahh...ty

 

mantep,... ane udah nyoba,..langsung wush

 

baru tw ane fungsi cloudflare untuk apa. . .
thanks bro.

 

Terimakasih infonya om..
langsung ijin praktek...
Kalau ke CPU usage ngaruh ga om ?

Thanks

 

makasih om, kapan-kapan praktek jg,, sekarang saya masih berkutat dengan blogspot. kayaknya gak perlu cloudflare

 

klo install via cPanel, propagatenya kok lama ya
udah 1 jam blum up domain ane

 

thx gan info nya.. tapi di cpanel ane tinggal klik aja udah bisa,, but, thx for sharing.. jadi tau kegunaannya

 

Untuk dari cpanel hosting gimana caranya?..thx

 

sudah di update di post #1.

 

wah baru tau ane..cek ah d hosting ane ada apa gk boleh jg nih

 

Nanya gan:
1. Cloudflare ngaruh ga ke statsnya Jetpack (plugin Wordpress), Google Analytic?
2. Cloudflare ngaruh ga ke Google Adsense?
3. Cloudflare ngaruh ga ke SEO (sitemap.xml, indexing, google images, dll)?

 

Ane sudah pake Cloudflare beberapa bulan yang lalu, sempet ane lepas juga pas pindah hosting server lokal. Memang ngaruh banget di penggunaan bandwidth. hemat.

Ane sedikit bantu jawab gan:
1. Untuk stat di jetpack 1 blog ane lancar, gak masalah, di Analytic juga gak masalah. Tapi di Histats bermasalah, histats gak bisa jalan. Tapi di blog ane yang lain Histats jalan, tapi tidak ane install jetpack di sana. Kurang tahu apakah ada hubungannya.
2. setelah sempet lepas cloudflare, akhirnya beberapa minggu lalu ane pasang lagi. Tapi aneh, traffic turun setengahnya. Alhasil Adsense juga turun. Tapi ane belum yakin penurunan itu apa karena cloudflare atau bukan.

CMIIW

 

Thanks tutornya, mas bro hardinalz. Mantep banget cak.
Like penceted.

Ane jg sempet pingin pke cloudflare. Belum jadi soale blm perlu2 banget.
Setau ane, stat di cloudflare gak sama dgn yg di G analytic. Soale laman yg diserve ke visitor kan cache-nya aja.
Makanya cepet, tapi cache gak support script spt G analytic code. CMIIW.
Lihat di SS mas bro hardinalz jg cloudflare bilang klo stat mereka lebih akurat.

Klo pengaruh ke SEO mungkin positif ya, soalnya page loading jadi lebih cepet.
Visitor jg berpotensi lebih lama di web kita karena user friendly.
Apalagi klo content bagus, bounce rate jd rendah.
Wah.. pasti simbah google seneng tuh.
Tapi ujung2nya content lagi, content lagi yah..