DEV Community

Cover image for Ever wondered what happens when you type in a URL in an address bar in a browser?

Ever wondered what happens when you type in a URL in an address bar in a browser?

Wassim Chegham on July 11, 2020

Here is a brief overview of what happens when you type in a URL in a address bar in a browser... This sketch note is under CC BY-NC-SA license.
Collapse
 
yusufcodes profile image
yusufcodes

Amazing diagram!

Collapse
 
kethmars profile image
kethmars

Dayumn! Nice illustration! Keep them coming!

It reminded me of a great book on networking:
Computer networking a top-down approach

Collapse
 
jwp profile image
John Peters • Edited

Exactly correct view, Thanks.

In the early days of TCP and small slow bandwidth, we saw congestion 60% or more with many hop counts >30.

The Tcp layer would time out based solely on retries.

Customers would complain about speed which turned out to be 10 routers on first leg.

We also saw unreliable DNS services back then. That problem took many businesses down for long periods of time.

Since then network infrastructure has improved so much it's astounding.

I remember doing some work in NYC. Their hop counts were 35 on average.

Collapse
 
ohad24 profile image
ohad24

The better resolution, thanks!
camo.githubusercontent.com/cb6e23c...

Collapse
 
bartvk_nl profile image
bartvk

Did you create this diagram? In the top left, it says @manekimekko or something, but it's hard to read, and I'm trying to find the original author.

Collapse
 
wassimchegham profile image
Wassim Chegham • Edited

I'm an the original author. @manekinekko is my Twitter handle. How can I help?

Collapse
 
bartvk_nl profile image
bartvk • Edited

OK great work. I just saw that it's being shared everywhere, but people don't mention the original author. I'd like to share it too, and now I can link back to your page. Thanks!

Thread Thread
 
wassimchegham profile image
Wassim Chegham

Really appreciate it 🙏

Collapse
 
hesamrad profile image
Hesam Rad

I've been wanting to create a similar post with all the details you beautifully provided in your diagram. This is amazing, I see no point writing a second post. I appreciate the time and effort you put into this. Thank you.

Collapse
 
carlogubi profile image
Carlo Gubitosa

The great thing non mentioned in the infographics is that all the technology involved at each step is free, non-proprietary and accessible to everyone. I don't know if there is any patent involved either.

Collapse
 
achilles0 profile image
Achilles • Edited

Thanks for informative diagram.

Collapse
 
alisabri profile image
Ali Sabri Sır

Thank you for great diagram

Collapse
 
imjoseangel profile image
Jose Angel Munoz

Amazing Job. Congrats!

Collapse
 
shroomlife profile image
shroomlife 🍄

super cool! thank you! ❤️

Collapse
 
hshaikh profile image
H-Shaikh

Intersting

Collapse
 
ldemailly profile image
Laurent Demailly

The GET part is incorrect, that would be a proxy request. Also glossed over that it take many more than 1 request to get all these elements.