Interactive Architecture & Protocols

Visual Architecture Explorer

Watch requests, packets, data structures, and pipeline runners execute step-by-step with real-time controls.

Live Architecture Simulator

How the Modern Web Works

Interactive request/response packet journey across the complete stack

0 ms

1. Web Browser

Client / User Agent

12 ms

2. DNS Resolver

Domain Name System

28 ms

3. TCP / TLS Handshake

Secure Transport

35 ms

4. Edge Load Balancer

Anycast Reverse Proxy

52 ms

5. Application Server

Next.js / Node.js / Go

65 ms

6. Database Cluster

PostgreSQL & Redis Cache

1. Web Browser

HTTP/3 / QUICStep 1 of 6

The user enters a URL or clicks a link. The browser normalizes the URL, checks its internal cache and preloaded HSTS list, and prepares the network request.

Cumulative Latency:0 ms

Browser Initial Actions

HSTS Cache Lookup: Ensures encrypted HTTPS connection
Local DNS Cache Check: Inspects chrome://net-internals/#dns
Connection Pool: Checks for active reusable TCP/QUIC sockets

Live Wire Packet PayloadSimulated Wireshark / TCPDump

GET https://devatlas.io/ HTTP/3
User-Agent: Mozilla/5.0 Chrome/130.0
Accept: text/html,application/xhtml+xml