Chapter 01 · Press Enter01 / 20

You press Enter

Alice types https://shop.example/cart and presses Enter. About a quarter of a second later her cart is on screen. In between, her browser talks to two other machines, trades about a dozen messages, and turns a stream of bytes into pixels.

This lesson slows that quarter second down about 25 times. Packets fly between the browser, a DNS resolver and the shop's server. Along the bottom, a waterfall records every phase in real milliseconds, the same view your browser's DevTools shows for any page.

Watch it once from end to end. Then we'll take it apart, one phase at a time.

DevTools › Network › Timingin the real world
Queueing 0.5 ms
DNS Lookup 24.0 ms
Initial connection 80.0 ms
SSL 40.0 ms
Request sent 0.1 ms
Waiting for server response 100.0 ms
Content Download 9.6 ms

Click any request in the Network tab, then Timing. “Initial connection” includes the SSL (TLS) part.