Turns out there are some cool components at play here: User Interface (UI), Render Engine & Networking Component! The UI is like our browser's friendly face while the other two work tirelessly to fetch websites for us. When you type a web address, your request travels through these parts before landing on its destination server! But that's just scratching the surface - we also have HTML & CSS parsing (think of it as decipherers), DOM and CSSOM merging together like pieces in an exciting puzzle game . Then comes layout, painting, display…it’s a whole process involving multiple stages to bring you that polished webpage! Now let's take things up another level - have we ever pondered about how parsing happens? It seems magic but it has its logic (pun intended) . In this guide, I share all the juicy details with a sprinkle of explanations so you can impress your friends next time they ask "What do browsers even DO?" Hope y'all find it helpful! Any questions or thoughts? Let me know in comments below :)
Source:
https://dev.to/anoop-rajoriya/how-a-browser-works-a-beginner-friendly-guide-to-browser-internals-184c