Member-only story

Inside the Browser - From HTML to Pixels

Kenuka Karunakaran

9 min read9 hours ago

Understanding the DOM, browser rendering pipeline and the engineering decisions behind efficient frontend applications.

Press enter or click to view image in full size Cover Image

Yesterday, we explored what happens when we enter a URL into a browser. We learned how DNS helps locate servers, how HTTP enables communication, and how browsers send requests and receive responses.

But that was only one side of the story.

What happens after the browser receives the response?

Does it immediately display the HTML? How does it understand the structure of a document? How does CSS influence the final layout? And how does JavaScript make everything interactive?

These questions led me to explore something that frontend developers often work with but don’t always investigate deeply: the browser’s rendering process.

Not a Medium Member?…