CDN vs Edge Cache: Mana yang Lebih Dulu Dipasang untuk Website Bisnis 2026

TL;DR: CDN (Content Delivery Network) mendistribusikan aset statis ke server di banyak lokasi geografis sehingga pengguna mengaksesnya dari titik terdekat. Edge Cache adalah lapisan di atasnya yang menyimpan respons HTML/HTMX dinamis di edge yang sama. Untuk UMKM Indonesia, CDN dipasang lebih dulu (impact paling besar untuk gambar dan font), lalu Edge Cache ketika trafik organik sudah konsisten.

Banyak pemilik website bisnis menyamakan "pasang CDN" dengan "website jadi cepat". Realitanya, dampak CDN terasa paling kuat di aset statis (gambar, font, CSS, JS), bukan di halaman HTML yang dirender server. Saat klien bertanya kenapa skor Core Web Vitals tidak naik banyak setelah pasang CDN, jawabannya hampir selalu sama: halaman HTML-nya masih dirender ulang setiap request, tanpa Edge Cache.

Per April 2026, mayoritas platform hosting modern (Vercel, Cloudflare Pages, Netlify) sudah menggabungkan CDN dan Edge Cache di satu produk. Tapi kalau Anda pakai shared hosting tradisional atau VPS sendiri, dua lapisan ini biasanya dipasang terpisah dan butuh konfigurasi berbeda.

Beda Mendasar CDN dan Edge Cache

Singkatnya: CDN bikin asset cepat sampai ke browser. Edge Cache bikin HTML tidak perlu di-render ulang di origin. Keduanya bekerja sama, bukan saling menggantikan.

Kapan CDN Saja Sudah Cukup?

Untuk website company profile, portfolio, dan blog kecil dengan trafik di bawah 10 ribu visit/bulan, CDN biasanya sudah memberi 70-80 persen dari potensi peningkatan performa. Saat saya mendampingi UMKM membenahi performa website, urutan optimasi yang konsisten memberi hasil:

1. Pasang CDN gratis (Cloudflare Free atau Bunny CDN murah)
2. Optimasi gambar pakai format AVIF/WebP via next/image atau Cloudflare Images
3. Lazy load gambar di bawah fold
4. Setelah trafik tembus 10 ribu/bulan, baru pertimbangkan Edge Cache

Tahap 4 sering di-skip terlalu cepat. Edge Cache di trafik rendah hanya menambah kompleksitas tanpa benefit jelas, karena origin server Anda toh tidak kewalahan.

Kapan Edge Cache Wajib Ditambahkan?

Tiga kondisi yang menandai sudah waktunya:

1. TTFB di atas 600 ms walaupun pakai CDN. Ini berarti bottleneck-nya di origin, bukan di distribusi aset.
2. Server origin sering touch limit CPU saat trafik spike. Edge Cache memotong request yang sampai ke origin secara drastis.
3. Banyak halaman yang sama dirender berkali-kali tanpa perubahan. Contoh: halaman produk yang sama dilihat ribuan kali sehari.

Untuk Next.js, fitur ISR (Incremental Static Regeneration) dan SSG sudah berfungsi sebagai bentuk Edge Cache native saat di-deploy ke Vercel. Cukup set revalidate: 60 di route, dan halaman akan di-serve dari cache selama 60 detik sebelum di-regenerate.

Studi Kasus: Atmo LMS

Saat membangun Atmo LMS, halaman katalog kursus awalnya pakai SSR penuh tanpa cache. TTFB konsisten di angka 800-1200 ms karena setiap request menarik data dari Supabase. Setelah migrasi ke ISR dengan revalidate 5 menit dan asset di-serve via CDN bawaan Vercel, TTFB turun ke 80-150 ms untuk request yang ter-cache. Skor LCP ikut membaik dari 3,4 detik ke 1,8 detik di Mobile. Yang penting: tidak ada perubahan di kode komponen, hanya di strategi rendering.

Pertanyaan Umum

Apakah CDN gratis cukup untuk UMKM?

Cukup. Cloudflare Free, Bunny CDN paket murah, dan CDN bawaan platform seperti Vercel sudah memberi performa yang setara dengan CDN berbayar premium untuk trafik di bawah 100 ribu visit/bulan.

Edge Cache vs Browser Cache, mana lebih penting?

Berbeda lapisan. Browser cache menyimpan aset di device pengguna untuk kunjungan berikutnya. Edge Cache menyimpan respons di edge server untuk pengguna pertama yang sama dengan pengguna lain. Idealnya keduanya aktif.

Apakah Edge Cache aman untuk halaman dengan login?

Tidak otomatis. Halaman dengan data privat user (dashboard, profil) wajib di-bypass dari Edge Cache lewat header Cache-Control: private atau Vary: Cookie. Salah konfigurasi bisa membuat data user A muncul di sesi user B.

Berapa biaya Edge Cache di Vercel atau Cloudflare?

Vercel Hobby dan Pro sudah include Edge Cache. Cloudflare punya Cache Rules gratis di paket Free dengan limit, dan unlimited di Business. Detail terbaru tersedia di dokumentasi cache Cloudflare.

Apakah CDN dan Edge Cache memengaruhi SEO?

Tidak langsung, tapi keduanya memperbaiki Core Web Vitals (LCP, INP) yang menjadi faktor peringkat Google sejak 2021. Halaman cepat juga membantu peluang dipilih sebagai sumber AI Search.

Yang Bisa Anda Lakukan Hari Ini

Cek skor TTFB dan LCP website Anda di PageSpeed Insights. Kalau LCP di atas 2,5 detik dan Anda belum pasang CDN, mulai dari sana. Kalau sudah pasang CDN tapi TTFB masih tinggi, baru pertimbangkan Edge Cache atau migrasi ke platform dengan ISR built-in. Jangan langsung loncat ke arsitektur kompleks sebelum lapisan paling murah tergarap.