Edge Computing & CDN Architecture
Simulator Cache Hit Ratio & Edge Computing
Simulasikan bagaimana pemindahan komputasi caching ke Edge CDN (Cloudflare Workers / Fastly) menyerap hingga 90%+ beban origin server dan memangkas waktu respons ke 18ms.
Parameter Beban Traffic & Edge Cache
20.000.000 requests / bulan
KB
88%
Beban Diserap Edge CDN
17.6 Juta
Hanya 2.4M tembus ke serverBandwidth Egress Terhemat
0.74 TB
755 GB hemat dataEfisiensi Biaya Bandwidth
Rp 981.903
~$60 USD / bulanRata-rata TTFB Pengguna
54 ms
Turun dari 320ms (Pangkas 94%)Resep Cloudflare Worker Edge Cache
Menerapkan arsitektur Stale-While-Revalidate di point of presence (PoP) Jakarta
// cloudflare-worker.ts (Edge Caching with Tagged Invalidation)
export default {
async fetch(request: Request, env: Env, ctx: ExecutionContext) {
const url = new URL(request.url);
const cacheKey = new Request(url.toString(), request);
const cache = caches.default;
// 1. Cek Cache di Edge Point of Presence (Jakarta PoP ~18ms)
let response = await cache.match(cacheKey);
if (response) {
const headers = new Headers(response.headers);
headers.set('X-Edge-Cache', 'HIT');
return new Response(response.body, { ...response, headers });
}
// 2. Fetch ke Origin Server hanya jika Cache Miss
response = await fetch(request);
// 3. Simpan di Edge Cache dengan Stale-While-Revalidate
if (response.status === 200) {
const responseToCache = response.clone();
const headers = new Headers(responseToCache.headers);
headers.set('Cache-Control', 'public, s-maxage=3600, stale-while-revalidate=86400');
ctx.waitUntil(cache.put(cacheKey, new Response(responseToCache.body, { ...responseToCache, headers })));
}
return response;
}
};Ingin Setup Edge CDN Enterprise untuk Website Korporat Anda?
PuluhLabs mengintegrasikan Cloudflare Enterprise & Fastly dengan cache tagging presisi untuk menjamin konten selalu segar dengan kecepatan sub-20ms.