Skip to content
Tech News
← Back to articles

Show HN: What happens when you load a webpage (Interactive)

read original get Web Developer Debugging Kit → more articles
Why This Matters

Understanding the seven distinct phases of webpage loading helps developers optimize performance and diagnose bottlenecks more effectively. For consumers, this knowledge can lead to faster, more responsive browsing experiences. Recognizing these phases emphasizes the importance of network infrastructure and configuration in overall web performance.

Key Takeaways

A page load is not one event. It is seven distinct phases, each with its own physics and its own bottleneck. Knowing them by name is the difference between "the site is slow" and "DNS is taking 200 ms because the resolver is in Frankfurt and the user is in Sydney."

The numbers below are realistic warm-path values for a fast residential connection to a major site. Cold-path adds a DNS hop, a TCP handshake, and a TLS handshake — typically 100–200 ms of preamble before the request even reaches the server.