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:
- DNS Lookup — the browser resolves the domain name to an IP address
- TCP Connection — a three-way handshake establishes a reliable connection
- HTTP Request — the browser sends the request (method, path, headers)
- HTTP Response — the server sends back a status code, headers, and body
- 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
- Read each step's explanation of the HTTP lifecycle phase
- Click 'Animate' to watch the phase visualized
- Explore HTTP methods, status codes, and headers
- Complete the quiz to test your understanding