HTTP Request Lifecycle

Trace the journey of an HTTP request — from DNS lookup to rendered page with an animated visual walkthrough.

Category: Networking · v1.0.0
Step 1 of 4

Step 1: The Request Journey

When you type a URL and press Enter, a chain of events fires off before you see anything on screen. Here is the full lifecycle:

  1. DNS Lookup — the browser resolves the domain name to an IP address
  2. TCP Connection — a three-way handshake establishes a reliable connection
  3. HTTP Request — the browser sends the request (method, path, headers)
  4. HTTP Response — the server sends back a status code, headers, and body
  5. Render — the browser parses HTML/CSS/JS and paints the page

Click the button below to watch each phase animate in sequence.

🌐
Browser
🔎
DNS
🖥
Server
📦
Response
📄
Render

About This Lab

Every time you visit a website, an intricate sequence of events happens behind the scenes. In this lab, you'll trace the full lifecycle of an HTTP request: DNS resolution, TCP connection, the HTTP request and response, and finally rendering. An animated visual guide walks you through each phase.

How It Works

  1. Read each step's explanation of the HTTP lifecycle phase
  2. Click 'Animate' to watch the phase visualized
  3. Explore HTTP methods, status codes, and headers
  4. Complete the quiz to test your understanding