CDN

If you are new here: A CDN (Content Delivery Network) caches HTTP responses at edge PoPs near users. Static assets (JS, CSS, images) are the classic win; with tuning, you can also cache or accelerate some API responses.

The Problem

Your SPA ships a 3 MB JavaScript bundle. A user in Sydney loads the app; every chunk crosses the Pacific to your single origin in Virginia. TTFB and throughput are fine on your office Wi‑Fi — terrible on mobile halfway around the world. Worse, every repeat visit still hammers your nginx for bytes that did not change between releases.

You are not out of CPU yet; you are paying the speed of light and congestion tax on cacheable bytes.

In plain terms: a CDN moves copies of your responses closer to users so latency drops and origin stops being the bottleneck for static and safely cacheable dynamic responses.

That is why CDN belongs in the caching track: it is HTTP caching at planetary scale — same Cache-Control ideas, different geography.

Edge cache

A CDN (CloudFront, Fastly, Cloudflare) keeps copies in PoPs (points of presence — edge data centers distributed worldwide) close to users — the first hop is short.

Analogy: Instead of every customer flying to one warehouse, you stock regional shops.

Edge miss → origin

If the PoP does not have the object, it pulls from origin (cache fill), then serves and retains per policy.

Edge hit

Later requests never cross oceans — cost and latency both improve.

Cache-Control

Origins send Cache-Control, ETag, Vary — CDNs respect semantics; immutable assets can cache long, HTML short.

Example for hashed static assets:

Cache-Control: public, max-age=31536000, immutable

Dynamic and APIs

Short TTL, stale-while-revalidate (SWR — serve the cached copy immediately while fetching a fresh one in the background), and edge compute extend CDNs beyond static files — still HTTP-caching rules.

Gotcha: Personalized JSON (Set-Cookie, Authorization) is usually not safely cacheable at the edge unless you design split paths — default is “dynamic = origin.”

Trade-offs

Why this matters for you

Put hashed static assets on a CDN with long max-age; pair with cache busting via filename. Plan purge APIs when you must invalidate HTML or API responses urgently.

Runbook: When legal demands “take that PDF down now,” your lever is often CDN purge + object version, not redeploying the app.

Next: Vertical Scaling — once your CDN handles static load, the origin itself needs to scale.