Digital Transformation
Edge Caching
Edge caching adalah teknik menyimpan salinan konten website di server CDN terdekat dengan pengguna agar respons lebih cepat dan beban origin server berkurang.
TL;DR: Edge caching menyimpan salinan halaman dan aset di pusat data CDN yang dekat dengan pengguna. Permintaan dilayani dari edge, bukan origin, sehingga waktu respons turun signifikan dan biaya bandwidth origin berkurang. Cocok untuk website bisnis Indonesia yang melayani pengunjung dari banyak kota.
Apa itu Edge Caching?
Edge caching adalah strategi distribusi konten di mana CDN, seperti Cloudflare, Vercel Edge, atau AWS CloudFront, menyimpan respons HTTP yang sering diakses di lokasi geografis dekat pengguna. Ketika permintaan kedua datang, jawaban dilayani langsung dari node edge tanpa menyentuh origin. Konsepnya mirip dengan toko cabang: stok populer disimpan di outlet terdekat agar tidak perlu mengambil dari gudang pusat. Edge caching berbeda dengan server-side tracking yang fokus pada pengiriman event, bukan pengantaran konten.
Cara Kerja
| Tahap | Aktivitas |
|---|---|
| 1. Request masuk | Browser meminta /produk/sepatu ke domain |
| 2. Cek edge | Node CDN terdekat memeriksa cache |
| 3. Hit / Miss | Jika hit: langsung kirim. Jika miss: ambil ke origin |
| 4. Simpan | Respons disimpan di edge sesuai header Cache-Control |
| 5. Invalidasi | Konten lama dihapus saat TTL habis atau purge manual |
Kenapa Penting?
Untuk website bisnis Indonesia dengan pengunjung dari Jakarta, Surabaya, dan Medan, edge caching memangkas latency 100-300 ms per request. Hasilnya berdampak ke Largest Contentful Paint dan biaya server. Lihat juga Time to First Byte untuk konteks pengukuran.
Praktik standar di industri menunjukkan bahwa rasio cache hit di atas 80% pada aset statis sudah cukup untuk menurunkan biaya origin secara signifikan. Dokumentasi resmi Cloudflare Cache menjadi rujukan utama untuk header dan TTL.
Pertanyaan Umum
Apa beda edge caching dan browser caching?
Browser caching menyimpan aset di perangkat pengguna, sementara edge caching menyimpan di server CDN. Keduanya komplementer dan diatur oleh header Cache-Control.
Apakah halaman dinamis bisa di-cache di edge?
Bisa, dengan strategi seperti stale-while-revalidate atau ISR pada Next.js. Halaman pribadi user biasanya tidak di-cache penuh.
Istilah Terkait