Skip to content

CDN Request Routing and Cache Flow

Scaffold

This MicroSim has been scaffolded from its specification. The interactive implementation has not been built yet.

Learning Objective

TBD

  • Bloom Level: TBD
  • Bloom Verb: TBD
  • Library: vis-network

Preview

Run MicroSim in Fullscreen

Specification

The full specification below is extracted from Chapter 15: Performance Engineering and Scaling.

Type: Interactive diagram
**sim-id:** cdn-architecture-explorer<br/>
**Library:** vis-network<br/>
**Status:** Specified

**Purpose:** Interactive map showing CDN PoP locations, origin servers, and request routing. Users click on simulated user locations to see which PoP handles their request and the latency comparison (with CDN vs. direct to origin).

**Nodes:**
- Origin server (central, labeled with data center location)
- 8 CDN PoPs (distributed geographically — Americas, Europe, Asia-Pacific)
- 5 simulated user locations

**Interactions:**
- Click user node → animated request path to nearest PoP → cache hit/miss decision → response path back
- Toggle "CDN Enabled/Disabled" to show direct origin routing with latency comparison
- Cache hit rate display updates as different users/request types are simulated