H

HTTP Request Lifecycle

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

Networking v1.0.0 21 uses
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. 1 Read each step's explanation of the HTTP lifecycle phase
  2. 2 Click 'Animate' to watch the phase visualized
  3. 3 Explore HTTP methods, status codes, and headers
  4. 4 Complete the quiz to test your understanding

Translate

ESC