๐ŸŒ 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