Panduan Lengkap Cloudflare untuk Website: Setup, CDN, dan Security (2026)

Cloudflare adalah layanan CDN (Content Delivery Network) + reverse proxy + DNS hosting + WAF gratis yang dipakai 25%+ website internet dunia. Visitor mengakses website Anda lewat 300+ data center Cloudflare di seluruh dunia, bukan langsung ke server origin.

Manfaat utama: loading lebih cepat (asset di-cache di edge), proteksi DDoS (serangan diserap Cloudflare), SSL gratis, analytics traffic, dan menghemat bandwidth server hingga 60–80%. Versi gratis sudah cukup untuk 95% website Indonesia.

Yang Anda butuhkan:

• Akses panel registrar domain (untuk ganti nameserver)
• Akses cPanel / hosting (untuk verifikasi IP server)
• Email aktif untuk akun Cloudflare
• Waktu 30 menit (setup) + 5–60 menit (propagasi DNS)

Sebelum mulai, screenshot semua DNS record existing di registrar Anda. Cloudflare akan import otomatis tapi ada baiknya backup manual untuk safety.

Buka cloudflare.com → Sign Up. Verifikasi email lewat link yang dikirim. Login → klik Add a Site → masukkan domain Anda (tanpa http://www) → pilih plan Free.

Cloudflare akan scan DNS record existing selama 30–60 detik. Setelah selesai, review list DNS — pastikan A record, CNAME, MX, TXT semua ter-import benar. Hapus record yang tidak perlu, tambah yang ketinggalan.

Cloudflare akan tampilkan 2 nameserver unik untuk akun Anda, contoh: kate.ns.cloudflare.com dan walt.ns.cloudflare.com.

1. Login panel registrar domain (Niagahoster, IDWebHost, Saung Hosting, dll)
2. Manage Domain → Nameservers → ganti ke 2 NS Cloudflare
3. Save → propagasi 5 menit – 24 jam
4. Kembali ke Cloudflare → klik Done, check nameservers

Saat status berubah jadi "Active" (gembok hijau), Cloudflare resmi handle traffic Anda.

Menu SSL/TLS → tab Overview → pilih encryption mode:

• Off — jangan dipilih, akan disable HTTPS
• Flexible — Cloudflare→browser HTTPS, Cloudflare→origin HTTP. Hindari, sering bikin redirect loop dengan WordPress
• Full — keduanya HTTPS tapi tidak verify origin cert
• Full (Strict) — Recommended. Origin harus pakai SSL valid (Saung Hosting AutoSSL sudah valid)

Tab Edge Certificates:

• Always Use HTTPS: ON
• Automatic HTTPS Rewrites: ON
• Minimum TLS Version: 1.2
• HSTS: enable (max-age 6 bulan, include subdomain)

Menu Speed → Optimization:

• Auto Minify: centang JavaScript, CSS, HTML
• Brotli: ON (kompresi modern)
• Early Hints: ON (preload resource)
• Rocket Loader: hati-hati, sering bentrok dengan jQuery — test dulu

Menu Caching:

• Caching Level: Standard
• Browser Cache TTL: 4 hours (atau lebih jika asset jarang berubah)
• Always Online: ON

Menu Network:

• HTTP/3 (QUIC): ON
• 0-RTT Connection Resumption: ON
• WebSockets: ON (jika pakai chat realtime)

Free plan dapat 3 page rules. Strategi optimal untuk WordPress:

Rule 1: Bypass Cache untuk Admin

URL: *namadomain.com/wp-admin/*
Settings: Cache Level = Bypass
          Disable Performance
          Disable Security

Rule 2: Cache Everything untuk Halaman Publik

URL: namadomain.com/*
Settings: Cache Level = Cache Everything
          Edge Cache TTL = 1 day
          Browser Cache TTL = 4 hours

Rule 3: Force HTTPS

URL: http://*namadomain.com/*
Settings: Always Use HTTPS

Untuk e-commerce: tambahkan rule bypass cache untuk /cart, /checkout, /my-account.

Menu Security → Settings:

• Security Level: Medium (atau High jika sering kena serangan)
• Bot Fight Mode: ON (free plan dapat basic bot protection)
• Challenge Passage: 30 minutes
• Browser Integrity Check: ON

Menu WAF → Custom Rules: blokir negara tertentu, IP malicious, atau pattern URL spam. Free plan dapat 5 custom rule.

Menu DDoS: free plan sudah include DDoS protection unmetered untuk layer 3, 4, 7.

Saung Hosting pakai LiteSpeed yang sudah punya caching kuat. Cloudflare jadi second layer cache. Tips agar tidak konflik:

• Plugin LiteSpeed Cache → Cloudflare API: input email + Global API Key untuk auto purge cache Cloudflare saat update post
• Hindari double-minify: kalau Cloudflare Auto Minify ON, matikan Minify di LiteSpeed (atau sebaliknya)
• Lazy load: pilih satu sumber (Cloudflare Mirage atau LiteSpeed Lazy Load), jangan keduanya
• Untuk WooCommerce: gunakan Page Rules bypass cache untuk endpoint dynamic

Cek apakah traffic sudah lewat Cloudflare:

• Browser DevTools → Network tab → klik request HTML → response header harus ada cf-cache-status, cf-ray, server: cloudflare
• whatsmydns.net → cek A record sudah pointing ke IP Cloudflare (104.x atau 172.x)
• Cloudflare Dashboard → Analytics: lihat traffic real-time, bandwidth saved, threats blocked

1. Redirect Loop (ERR_TOO_MANY_REDIRECTS)

Penyebab: SSL mode Flexible + WordPress force HTTPS. Solusi: ganti SSL mode ke Full (Strict).

2. Real IP Visitor Hilang

Server log menunjukkan IP Cloudflare, bukan IP visitor asli. Solusi: install plugin Cloudflare WordPress official, atau set mod_cloudflare di server (Saung Hosting sudah aktif).

3. Update Konten Tidak Muncul

Cache Cloudflare belum invalidate. Klik Caching → Configuration → Purge Everything.

4. Email Tidak Masuk

Pastikan MX record di Cloudflare set ke mail server hosting (bukan IP Cloudflare). Aktifkan toggle abu-abu (DNS only) untuk MX record, jangan orange (proxied).

Cloudflare gratis adalah upgrade infrastruktur termurah untuk website Anda — tidak ada biaya, setup 30 menit, manfaat kecepatan + security signifikan. Wajib aktif untuk semua website serius di 2026.

Saung Hosting fully kompatibel dengan Cloudflare. Untuk performa maksimal, pakai paket dengan LiteSpeed Enterprise + Cloudflare CDN. Cek paket hosting mulai Rp 5.000/bulan dengan jasa setup Cloudflare gratis dari engineer kami.