🌍 Web Dev

How Websites Actually Work — DNS to Pixels, End to End

📅 Jul 5, 2026 ⏱ 4 min read

The end-to-end map that connects everything else on this blog — and doubles as the answer to a very common interview opener.

The journey of annauniversityplus.com

  1. DNS: browser cache → OS → resolver → "which IP owns this name?" (~20–120ms, then cached)
  2. TCP handshake with that IP, then TLS — certificates verified, encryption keys agreed (the 🔒)
  3. HTTP request: GET / HTTP/2 + headers (cookies, accepted formats)
  4. Server work: static file read OR code runs (this site: PHP includes header, renders content) → HTML response
  5. Browser pipeline: parse → fetch CSS/JS/images (each repeating steps 1–4, mostly cached) → render pipeline → pixels

Where a CDN fits

A Content Delivery Network keeps copies of static files in 100+ cities. A Chennai student hits the Chennai edge (~10ms) instead of a Frankfurt origin (~150ms). DNS points at the CDN; the CDN fetches from your origin once, then serves everyone nearby. Cloudflare's free tier does this for any site.

Why this model matters daily

← All Articles