Blog Details

• Written by: junjun junaedi
• February 2, 2026
• Categories: Business
• Tags: , bunny cdn, wordpress cdn, wp rocket

Cara Mempercepat WordPress dengan BunnyCDN (Panduan Praktis & Efektif)

Website WordPress yang lambat bikin pengunjung kabur, SEO turun, dan konversi ikut jatuh. Salah satu cara paling efektif untuk mempercepat loading adalah memakai CDN (Content Delivery Network) seperti BunnyCDN, apalagi kalau pengunjung kamu tersebar di banyak kota/negara.

Di artikel ini kamu dapat 2 hal: alasan kenapa CDN bikin cepat dan cara konek BunnyCDN ke WordPress pakai WP Rocket dengan langkah yang praktis.

Kenapa Pakai CDN Bikin WordPress Lebih Cepat?

1) File statis dilayani dari server terdekat

CDN menyimpan salinan file statis (gambar, CSS, JS, font) di banyak lokasi (edge). Saat user akses website, file diambil dari node paling dekat. Hasilnya: latency turun dan loading lebih cepat.

2) Beban server hosting jadi lebih ringan

Tanpa CDN, hosting kamu harus melayani semua request termasuk gambar dan asset berat. Dengan CDN, request asset dialihkan ke BunnyCDN sehingga:

• CPU/IO hosting lebih ringan
• Website lebih stabil saat traffic naik
• Risiko down menurun

3) Kecepatan unduh meningkat lewat optimasi jaringan

BunnyCDN punya jaringan delivery yang dioptimalkan untuk throughput. Ini biasanya terasa di:

• gambar besar
• file CSS/JS banyak
• halaman dengan banyak elemen

4) Cache lebih agresif dan konsisten

CDN menyimpan cache asset lebih lama dan lebih konsisten dibanding cache browser biasa. Kalau pengaturan benar, repeat visitor akan loading jauh lebih cepat.

5) Dampak positif ke Core Web Vitals

CDN membantu menurunkan:

• LCP (karena gambar/asset cepat)
• TTFB terasa lebih ringan untuk asset statis
• waktu render (karena CSS/JS lebih cepat diambil)

Catatan penting: CDN paling terasa efeknya untuk asset statis. Untuk halaman dinamis (mis. checkout, dashboard), tetap perlu caching/optimasi server dari WP Rocket dan konfigurasi hosting.

Syarat Sebelum Mulai

Siapkan:

• Akun BunnyCDN
• Domain WordPress aktif (contoh: hypercloudhost.com)
• Plugin WP Rocket aktif
• Pastikan website sudah HTTPS dan SSL beres

Step-by-Step: Koneksikan BunnyCDN ke WordPress dengan WP Rocket

A. Buat Pull Zone di BunnyCDN

1. Login BunnyCDN → menu Pull Zones → klik Add Pull Zone
2. Isi:
   • Pull Zone Name: bebas (mis. hypercloudhost-cdn)
   • Origin URL: isi domain utama kamu, contoh: https://hypercloudhost.com
3. Save

Hasilnya: Bunny akan bikin URL CDN seperti:

• https://nama-zone.b-cdn.net

Ini masih default. Supaya lebih rapi, kamu bisa pakai subdomain sendiri.

B. (Opsional tapi disarankan) Pasang Custom CDN Hostname

Agar URL CDN terlihat profesional dan lebih mudah diingat, pakai subdomain, misalnya:

• cdn.domainkamu.com

Langkahnya:

1. Di BunnyCDN Pull Zone → tab Hostname
2. Tambahkan hostname cdn.domainkamu.com
3. Di DNS domain kamu, buat record:
   • CNAME cdn → arahkan ke nama-zone.b-cdn.net
4. Tunggu propagasi DNS (biasanya cepat)

C. Ambil BunnyCDN API Key

1. BunnyCDN → Account / API
2. Copy API Key (ini dipakai buat purge cache)

D. Setting WP Rocket untuk BunnyCDN

1. Masuk WordPress Admin → Settings → WP Rocket
2. Buka tab CDN
3. Centang Enable Content Delivery Network
4. Di CDN CNAME(s) isi:
   • Kalau pakai custom hostname: https://cdn.domainkamu.com
   • Kalau tidak pakai: https://nama-zone.b-cdn.net
5. Centang tipe file yang mau lewat CDN (umumnya):
   • Images
   • CSS files
   • JavaScript files
6. Save

Catatan: WP Rocket akan rewrite URL asset agar otomatis memakai domain CDN.

E. Purge Cache BunnyCDN dari WP Rocket (Penting)

Agar setiap update konten/asset tidak nyangkut cache lama, aktifkan purge.

1. WP Rocket → Add-ons
2. Cari integrasi CDN (atau menu integrasi kalau ada)
3. Jika ada opsi BunnyCDN:
   • Masukkan BunnyCDN API Key
   • Masukkan Pull Zone ID (ada di halaman Pull Zone BunnyCDN)
4. Aktifkan auto purge bila tersedia

Kalau WP Rocket kamu tidak punya opsi Bunny langsung, kamu tetap bisa purge dari panel BunnyCDN manual saat update besar.

Setting BunnyCDN yang Disarankan untuk WordPress

1) Cache Expiration (TTL)

Untuk asset statis, set TTL cukup lama:

• 7–30 hari atau lebih untuk file statis

Nanti kalau kamu update file, lakukan purge.

2) Ignore Query String untuk asset (opsional)

Banyak plugin menambahkan query ?ver=... di CSS/JS. Biasanya aman dibiarkan. Kalau kamu paham pola asset kamu stabil, bisa optimasi, tapi default umumnya sudah oke.

3) Gzip/Brotli

Pastikan kompresi aktif di BunnyCDN (biasanya default). Ini memperkecil ukuran CSS/JS/HTML.

4) HTTPS

Pastikan CDN hostname pakai HTTPS dan SSL untuk subdomain sudah aktif/valid.

Cara Cek CDN Sudah Aktif atau Belum

Cek pakai salah satu cara ini:

Cara 1: DevTools Browser

1. Buka halaman website
2. Klik kanan → Inspect → Network
3. Klik file gambar/CSS/JS
4. Lihat domainnya:
   • Harus mengarah ke cdn.domain.com atau *.b-cdn.net

Cara 2: Cek Response Headers

Kalau lewat BunnyCDN, biasanya ada header khas Bunny seperti server atau x-bunny-*.

Masalah Umum & Solusi Cepat

1) Hanya sebagian URL yang “kelihatan” pakai CDN

Biasanya karena:

• URL kena redirect (contoh tanpa trailing slash)
• Ada exclude rule / bypass cache di CDN
  Solusi:
• Pakai URL final (biasanya dengan trailing slash)
• Pastikan WP Rocket rewrite asset ke CDN (yang dicek itu asset, bukan HTML)

2) Admin WordPress error setelah setting keamanan CDN

Jangan blok POST request global. WordPress butuh POST untuk login dan simpan data.

3) Setelah update, tampilan kacau

Biasanya cache CSS/JS lama.
Solusi:

• Clear cache WP Rocket
• Purge cache BunnyCDN

Rekomendasi Setting WP Rocket yang “Paling Nendang” (Bonus)

Kalau target kamu speed maksimal:

• Aktifkan Page Cache
• Aktifkan Minify CSS/JS (tes kompatibilitas)
• Aktifkan Load JavaScript deferred
• Aktifkan Delay JavaScript execution (hati-hati untuk script penting)
• Optimasi gambar (WebP, lazy load)

CDN mempercepat delivery asset, tapi WP Rocket yang mengurangi beban halaman. Kombinasinya biasanya hasil paling bagus.

Penutup

BunnyCDN + WP Rocket adalah kombinasi yang efektif untuk mempercepat WordPress karena:

• asset dilayani dari lokasi terdekat
• beban hosting turun
• caching lebih kuat dan konsisten