The latest articles on Forem by Mst Surnaly Akter (@mstsurnalyakter). https://forem.com/mstsurnalyakter https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3466343%2Fda6f7e6b-21c7-47d6-b6bd-680d545cd802.png https://forem.com/mstsurnalyakter en Mst Surnaly Akter Sun, 21 Sep 2025 02:31:00 +0000 https://forem.com/mstsurnalyakter/how-does-a-browser-work-under-the-hood-jkb https://forem.com/mstsurnalyakter/how-does-a-browser-work-under-the-hood-jkb <p>When we type a URL and press Enter, a lot happens behind the scenes:</p> <ol> <li>DNS Lookup → Finds the server’s IP</li> <li>Request → Sends HTTP/HTTPS request to the server</li> <li>Response → Server sends back HTML, CSS, JS, images</li> <li>Parsing → HTML → DOM CSS → CSSOM JS → executed by JavaScript engine</li> <li>Render Tree → Combines DOM + CSSOM</li> <li>Layout → Calculates size &amp; position of elements</li> <li>Painting → Draws pixels on the screen</li> <li>Compositing → Layers combined for smooth rendering</li> </ol> <p>Browsers also manage caching, security, and optimization to keep things fast &amp; safe.</p> <p>Every website you visit runs through this pipeline in milliseconds!</p> <p>hashtag#WebDevelopment hashtag#Frontend hashtag#BrowserInternals<br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyuhx5446hf0nkuyu09x3.jpg" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyuhx5446hf0nkuyu09x3.jpg" alt=" " width="800" height="1200"></a></p> programming browser frontend node