Salah satu situs penyedia CDN dan SSL gratis paling populer di dunia adalah CloudFlare. Layanan yang mereka berikan benar-benar gratis dan tidak membutuhkan keahlian khusus untuk menyesuaikannya dengan website. Hanya diperlukan beberapa pengaturan DNS khusus maka CDN dan SSL bisa digunakan tanpa batas waktu (life time).
CloudFlare memang bukan satu-satunya penyedia CDN dan SSL, namun ada beberapa lagi di internet yang menyediakan layanan ini. Tapi menurut pengalaman pribadi saya menggunakan CloudFlare selama 2 tahun pada salah satu blog WordPress Self-hosted, tidak ada masalah yang ditimbulkan dan semua itu benar-benar GRATIS!
Ada banyak sekali keuntungan yang akan kita dapat jika menggunakan CDN dan SSL pada website. Meskipun keduanya memiliki keunggulan dan kekurangan masing-masing tapi keduanya sama sekali tidak berkaitan. Berikut ini penjelasan singkatnya :
![]() |
Sebelum dan sesudah menggunakan CDN |
CDN (Content Delivery Network) ialah teknologi yang bekerja sebagai bentuk mirroring konen website. Dengan menggunakan CDN maka konten website seperti CSS, JavaScript, Gambar, Video, dll akan di mirror di server cadangan yang terletak di berbagai negara.
Jadi, dengan CDN website kita akan lebih cepat diakses karena di mirror dari server yang paling dekat dengan Indonesia yaitu Singapura. Berbeda lagi jika yang pengunjung dari Amerika, tentu konten yang disajikan adalah mirror dari server mirror di United Stats. Begitu seterusnya, oleh karena itu banyak website besar menggunakan CDN agar pelanggan mereka bisa mengakses lebih cepat meskipun jauh dari server utama.
![]() |
Ciri khas SSL |
SSL (Secure Socket Layer) adalah protokol keamanan yang digunakan oleh hampir semua transaksi aman di internet. SSL mengubah suatu protokol transport seperti TCP menjadi saluran komunikasi aman yang cocok untuk transaksi yang sensitif seperti Virtual Banking, Internet Banking, dan lain-lain.
Ciri khas SSL adalah link akan menjadi HTTPS serta icon gembok berwarna hijau yang ditampilkan pada address bar browser kita. Yang jika di klik akan menampilkan keterangan aman. Kebanyakan situs saat ini sudah menggunakan SSL sebagai salah satu fitur wajib pada sebuah blog, website maupun situs e-commerce.
Yuk kita mulai cara menerapkan CDN dan SSL gratis dari CloudFlare untuk web ataupun situs lainnya yang menggunakan web hosting.
1. Pertama-tama kamu harus memiliki akun CloudFlare, jika belum memilikinya silahkan daftar terlebih dahulu. Setelah penaftaran berhasil, login ke akun CloudFlare.
2. Klik Add Site yang terletak di kanan atas layar.
![]() |
Add Site CloudFlare |
Kemudian ketikkan nama domain kamu di kolom yang disediakan tanpa http.
![]() |
Add Domain CloudFlare |
Klik Begin Scan dan tunggu beberapa detik hingga menampilkan button Continue Setup.
![]() |
Continue Setup CloudFlare |
Klik button Continue Setup, selanjutnya kamu akan dibawa ke pengaturan DNS dan CDN. Pilih mana yang kamu butuhkan dengan mengklik warna awan yang abu-abu hingga menjadi warna orange.
![]() |
Pengaturan Default DNS dan CDN CloudFlare |
CATAT : Jika kamu mengaktifkan semua CDN termasuk Webmail, ada kemungkinan email yang dikirim ke Webmail tidak akan masuk sebelum kamu menyetelnya juga. Kalau kamu tidak mau repot untuk menyetel dns lagi, gunakan saja pengaturan default.
Jika sudah memilih, klik Continue.
![]() |
Continue Setup CloudFlare |
3. Pada step ketiga ini kamu disuruh untuk memilih paket (plan) yang tersedia di CloudFlare. Kebanyakan orang menyangka ini harus dibayar karena pilihan pertamanya adalah Business Plan dengan harga $200 perbulan. Tapi itu bisa di ubah menjadi gratis dengan memilih Free Website.
![]() |
Plan CloudFlare |
Pilih free website dan klik Continue lagi.
![]() |
Free Website CloudFlare |
4. Langkan selanjutnya adalah mengganti Name Server domain kamu menjadi NS milik CloudFlare yang kamu dapatkan setelah mengklik Continue pada langkah ketiga.
![]() |
Name Server CloudFlare |
Name Server yang di dapat setiap pengguna berbeda-beda, pada tutorial ini saya mendapatkan NS toby.ns.cloudflare.com dan vera.ns.cloudflare.com.
5. Login ke pengelola domain kamu. Disini saya pribadi menggunakan Namecheap sebagai registrar domain, jadi saya login di websitenya untuk manage domain.
![]() |
Manage Domain |
Jika kamu juga sudah sampai di langkah ini, silahkan ganti Name Server domain kamu ke Name Server yang diberikan CloudFlare pada langkah keempat.
![]() |
Pengaturan Name Server Domain Namecheap |
6. Setelah Name Server kamu save, langkah terakhir adalah melakukan Recheck NS di situs CloudFlare yang tadi menyediakan NS pada langkah keempat.
![]() |
Recheck Name Server CloudFlare |
Klik Recheck dan jika berhasil akan menampilkan pemberitahuan berwarna hijau di bawah layar.
![]() |
Sukses Terhubung Dengan CDN CloudFlare |
Sampai disini kamu sudah berhasil menhubungkan website dan domain kamu ke CDN gratis CloudFlare. Hanya menunggu beberapa menit sampai semuanya terkoneksi dengan sempurna.
Untuk mengetahui apakah domain dan website kamu sudah benar-benar terhubung sepenuhnya adalah mengakses dasbor CloudFlare. Jika backgroud nama domain kamu masih abu-abu berarti masih dalam tahap penyesuaian. Biarkan saja sampai benar-benar berhasil dan menampilkan background berwarna hijau dan memiliki status aktif.
![]() |
CDN CloudFlare Aktif |
7. Apabila semua langkah diatas sudah diterapkan dan website kamu sudah terhubung sepenuhnya dengan CDN CloudFlare, sekarang saatnya melanjutkan memasang SSL Gratis CloudFlare.
Masih di dasbor CloudFlare, kemudian klik Crypto lalu pilih Flexible.
![]() |
SSL CloudFlare |
8. Jika sudah memilih Flexible SSL, sekarang saatnya mengalihkan semua pengunjung web kamu ke HTTPS dengan cara mengaktifkan Always use HTTPS serta melakukan pengaturan Page Rules.
![]() |
Always use HTTPS CloudFlare |
Untuk pengaturan Page Rules, kamu bisa melihat pengaturannya di navigasi.
![]() |
Page Rules CloudFlare |
Buat page rules baru dengan mengklik Create Page Rule.
![]() |
Create Page Rule CloudFlare |
Isikan page rule dengan nama domain kamu, namun diawali dan diakhiri dengan tanda bintang (*) dan slash (/). Jangan lupa juga untuk memilih Always Use HTTPS seperti yang saya garis bawahi mereha pada gambar dibawah ini.
![]() |
Setting Page Rule CloudFlare |
Karena CloudFlare hanya memberikan tiga Page Rules untuk pengguna gratis, jadi isikan saja salah satu atau ketiga page rules sebagai berikut :
*.domainkamu.com/*
domainkamu.com/*
www.domainkamu.com/*
Kalau sudah, klik Save and Deploy.
Setelah berhasil, seluruh halaman di website kamu akan menggunakan awalan HTTPS, dan itu menandakan bahwa kamu berhasil menerapkan cara yang saya jelaskan diatas. Berikut ini penampakan saat sudah berhasil menggunakan SSL Gratis CloudFlare.
![]() |
Sukses Menggunakan SSL Gratis CloudFlare |
Begitulah Cara Menggunakan CDN Dan SSL Gratis CloudFlare yang bisa saya sampaikan. Jika masih ada langkah yang kurang jelas jangan ragu untuk bertanya pada kolom komentar untuk saya koreksi.
Selamat mencoba dan semoga bermanfaat.
gak ada always use https di page rulusnya yah, yang ada always online.gimna tuh min??
ada kok gan, tepat dibawah Always Online