A CDN (Content Delivery Network) is a global network of servers that cache and serve your static assets — JS, CSS, images, fonts — from a location close to the user.

Without a CDN, every user hits your origin server (wherever it's hosted).

With a CDN, they hit the nearest edge node instead.

🌍 How It Works

User (Tokyo) → CDN Edge (Tokyo) ├─ Cache HIT ✓ → Instant Response └─ Cache MISS → Origin Server → Cache → Respond

Enter fullscreen mode

Exit fullscreen mode

User requests /logo.png

CDN checks its edge cache

Cache hit → served immediately from edge

Cache miss → CDN fetches from your origin, caches it, serves it

Next request from any user near that edge?…