DEV Community

Cover image for ๐˜ผ ๐™จ๐™ž๐™ฃ๐™œ๐™ก๐™š ๐™€๐™ฃ๐™ฉ๐™š๐™ง ๐™ ๐™š๐™ฎ ๐™ฉ๐™ง๐™ž๐™œ๐™œ๐™š๐™ง๐™จ ๐™™๐™ค๐™ฏ๐™š๐™ฃ๐™จ ๐™ค๐™› ๐™จ๐™ฎ๐™จ๐™ฉ๐™š๐™ข๐™จ โ€” ๐™๐™š๐™ง๐™šโ€™๐™จ ๐™ฌ๐™๐™–๐™ฉ ๐™๐™–๐™ฅ๐™ฅ๐™š๐™ฃ๐™จ ๐™ฌ๐™๐™š๐™ฃ ๐™ฎ๐™ค๐™ช ๐™ฉ๐™ฎ๐™ฅ๐™š ๐™– ๐™๐™๐™‡
Naman Mehrotra
Naman Mehrotra

Posted on

๐˜ผ ๐™จ๐™ž๐™ฃ๐™œ๐™ก๐™š ๐™€๐™ฃ๐™ฉ๐™š๐™ง ๐™ ๐™š๐™ฎ ๐™ฉ๐™ง๐™ž๐™œ๐™œ๐™š๐™ง๐™จ ๐™™๐™ค๐™ฏ๐™š๐™ฃ๐™จ ๐™ค๐™› ๐™จ๐™ฎ๐™จ๐™ฉ๐™š๐™ข๐™จ โ€” ๐™๐™š๐™ง๐™šโ€™๐™จ ๐™ฌ๐™๐™–๐™ฉ ๐™๐™–๐™ฅ๐™ฅ๐™š๐™ฃ๐™จ ๐™ฌ๐™๐™š๐™ฃ ๐™ฎ๐™ค๐™ช ๐™ฉ๐™ฎ๐™ฅ๐™š ๐™– ๐™๐™๐™‡

It looks simple, but a lot happens behind the scenes โ€” all in seconds.

๐Ÿ”น 1. Finding the Website (DNS Lookup)
Your browser doesnโ€™t understand website names like google.com.
So it asks DNS โ€” the internetโ€™s phone book โ€” to find the websiteโ€™s numeric address (IP address).
๐Ÿ‘‰ Name โ†’ Number

๐Ÿ”น** 2. Saying Hello (Server Connection)**
Now the browser uses that address to connect to the websiteโ€™s server.
Think of it like dialing a phone number and checking if the other side is ready to talk.

๐Ÿ”น** 3. Making It Secure (HTTPS Lock)**
Before sending data, the browser and server lock the conversation.
Itโ€™s like putting your message inside a locked envelope so no one else can read it.

๐Ÿ”น 4. Asking for the Page (Requestโ€“Response)
The browser asks:
โ€œPlease send me this webpage.โ€

The server replies with:
Text
Images
Page structure

Like ordering food and getting it served.

๐Ÿ”น 5. Showing the Page (Rendering)
Finally, the browser:
Builds the page structure
Adds colors and styles
Displays the webpage on your screen

Like building and painting a house from a plan.
All this happens in milliseconds โ€” every time you press Enter.

๐˜š๐˜ฉ๐˜ฐ๐˜ถ๐˜ญ๐˜ฅ ๐˜ ๐˜ฆ๐˜น๐˜ฑ๐˜ญ๐˜ข๐˜ช๐˜ฏ ๐˜ฎ๐˜ฐ๐˜ณ๐˜ฆ ๐˜ช๐˜ฏ๐˜ต๐˜ฆ๐˜ณ๐˜ฏ๐˜ฆ๐˜ต ๐˜ฃ๐˜ข๐˜ด๐˜ช๐˜ค๐˜ด ๐˜ญ๐˜ช๐˜ฌ๐˜ฆ ๐˜ต๐˜ฉ๐˜ช๐˜ด ๐˜ถ๐˜ด๐˜ช๐˜ฏ๐˜จ ๐˜ด๐˜ช๐˜ฎ๐˜ฑ๐˜ญ๐˜ฆ ๐˜ท๐˜ช๐˜ด๐˜ถ๐˜ข๐˜ญ๐˜ด?

Top comments (0)