CDN နှင့် Content Delivery

နားလည်ထားရမယ့် အချက်

CDN ဆိုတာ physical location များစွာမှာ ရှိတဲ့ server network တစ်ခုဖြစ်ပြီး တစ်ခုချင်းစီက origin server တစ်ခုတည်းကနေ အကြိမ်တိုင်း ရယူရမယ့် content ရဲ့ cached copy ကို ကိုင်ဆောင်ထားပါတယ်။

CDN မရှိရင် အဝေးက user တစ်ယောက်ဟာ request တိုင်းအတွက် network ကို origin ဆီ physically ဖြတ်ကျော်ပြီး ပြန်လာဖို့ စောင့်ရပါတယ်။ CDN ရှိနေရင်တော့ ပထမဆုံး request ပြီးနောက် content ဟာ user နားနားမှာ cache ဖြစ်သွားပြီး ဆက်လာမယ့် အနီးအနားက visitor တိုင်း local ကနေ ရယူရပါတယ်။

Cache hit ဆိုတာ အနီးအနားက location မှာ ရှိနေပြီးသား content ကို ချက်ချင်း ပြန်ပေးတာပါ။ Cache miss ဆိုတာ မရှိသေးလို့ CDN က origin ကနေ အရင်ဆွဲ၊ copy တစ်ခု cache လုပ်ပြီးမှ ပြန်ပေးလို့ hit ထက် ပိုနှေးတာပါ။

CDN တွေက image၊ stylesheet၊ script၊ video လို static asset တွေအတွက် အထူးထိရောက်ပါတယ်၊ ဒီ content တွေ ရှားရှားပါးပါး ပြောင်းလဲလို့ပါ။ Personalized dashboard လို user တစ်ယောက်ချင်းစီအလိုက် ကွဲပြားတဲ့ content ကတော့ အကျိုးအနည်းငယ်သာ ရပါတယ်။

CDN

User များနှင့်နီးသော location များတွင် content ကို cache လုပ်ပြီး serve ပေးသည့် server network တစ်ခုဖြစ်ပြီး latency နှင့် origin load ကို လျှော့ချပေးသည်။

Origin

Content ၏ authoritative copy ကို ကိုင်ဆောင်ထားသော original server ဖြစ်ပြီး cache miss ဖြစ်တိုင်း CDN က ဤနေရာသို့ ပြန်လှည့်သည်။

Cache Hit

Origin server ကို ဆက်သွယ်စရာမလိုပဲ အနီးအနားက cached copy ကနေ တိုက်ရိုက် ဖြေရှင်းပေးသော request။

Cache Miss

အနီးအနားမှာ မရှိသေးသော content အတွက် request ဖြစ်ပြီး ပြန်ပေးပြီး နောက်တစ်ကြိမ်အတွက် cache မလုပ်ခင် origin ကနေ အရင်ဆွဲရမည်။

ORIGIN TO CDN EDGE LOCATIONS TO NEARBY USER
-------------------------------------------
                  +--------------------+
                  |   Origin Server    |
                  +--------------------+
                    |        |        |
                  Tokyo  Frankfurt Singapore
                  Edge     Edge      Edge
                    |                  |
                 User A             User B
             (cached, fast)      (cached, fast)

လက်တွေ့ scenario နဲ့ ချိတ်ကြည့်မယ်

Static site နဲ့ frontend app အတွက် modern hosting platform အများစုက content ရှေ့မှာ CDN ကို automatic ထားပေးပါတယ် — တစ်ခုခုပေါ် deploy လုပ်ရုံနဲ့ extra configuration မလိုပဲ ဒီအကျိုးရရှိပါတယ်။

Image၊ font၊ compile လုပ်ထားတဲ့ JS/CSS bundle တွေက visitor တိုင်းအတွက် အတူတူဖြစ်လို့ candidate ကောင်းတွေပါ။ User တစ်ယောက်ရဲ့ private data ပါတဲ့ response ကတော့ candidate ညံ့ပါတယ် — တခြားတစ်ယောက်ဆီ serve လုပ်ရင် real bug ဖြစ်သွားပါတယ်။

Cache ဘယ်လောက်ကြာမလဲ၊ ဘယ်လို invalidate လုပ်မလဲဆိုတဲ့ တိကျတဲ့ rule တွေက cache-control header နဲ့ HTTP mechanics ပါဝင်ပါတယ် — Networking tutorial က load balancing နဲ့ proxies ကို လိုအပ်တဲ့ depth အထိ ဆွေးနွေးထားပါတယ်။

• CDN တစ်ခုက user နီးရာ location များစွာမှာ content ကို cache လုပ်ပေးလို့ latency နဲ့ origin load ကို လျှော့ချပေးပါတယ်။
• Cache hit တစ်ခုက origin ကို လုံးဝ ကျော်သွားပါတယ်၊ cache miss တစ်ခုကတော့ origin ဆီ ပြန်ကျသွားပြီး နောက်တစ်ကြိမ်အတွက် result ကို cache လုပ်ပါတယ်။
• CDN တွေက shared static asset တွေအတွက် အများဆုံးအကျိုးရှိပြီး private ဒါမှမဟုတ် user-per content အတွက်တော့ အကျိုးနည်းပါတယ်။

အတူတူ စမ်းရေးကြည့်မယ်

const cache = {};

function originFetch(path) {
  console.log(`  (origin fetch for ${path})`);
  return `content of ${path}`;
}

function getFromCdn(path) {
  if (cache[path]) {
    return { result: cache[path], status: "HIT" };
  }
  const fresh = originFetch(path);
  cache[path] = fresh;
  return { result: fresh, status: "MISS" };
}

console.log(getFromCdn("/logo.png"));
console.log(getFromCdn("/logo.png"));
console.log(getFromCdn("/style.css"));

  (origin fetch for /logo.png)
{ result: 'content of /logo.png', status: 'MISS' }
{ result: 'content of /logo.png', status: 'HIT' }
  (origin fetch for /style.css)
{ result: 'content of /style.css', status: 'MISS' }
(/logo.png ကို ဒုတိယအကြိမ် တောင်းဆိုတဲ့အခါ origin fetch ထပ်မခေါ်တော့ဘဲ HIT ရလာတာကို သတိပြုပါ)

CDN — MDN Web Docs Glossary — Cloud & Deployment