--- title: How does a web browser work? description: We all use web browsers to access websites and web applications. Learn how browsers work, who makes them and if all browsers are made equal. image: https://www.saperis.io/hubfs/158%20title%20for%20blog%20post%20(2).jpg --- [![logo saperis 0.5x-2](https://www.saperis.io/hubfs/logo%20saperis%200.5x-2.png)](https://www.saperis.io) - [PRODUCTS](https://www.saperis.io/products) - [ABOUT US](https://www.saperis.io/about) - [BLOG](https://www.saperis.io/blog) Technology made easy # How does a web browser work? We all use web browsers to access websites and web applications. Learn how browsers work, who makes them and if all browsers are made equal. [Chanel Greco](https://www.saperis.io/blog/author/chanel-greco) Feb 16, 2024 --- We all use web browsers to access websites and web applications. But rarely do we take the time to find out how browsers work. In this post you will not only learn how browsers work, but you’ll also find out who makes them and if all browsers are made equal. By the way, there is a video version of this blog post. Check it out! # What is a web browser? To set the foundation, let’s first cover what a web browser is. The browser is the tool that enables you to read text, see images, or watch videos from anywhere in the world.  With other words, the browser is the vehicle you use to get around the internet. Without a browser, you would have to be able to script to access information on websites. Commonly used web browsers are [Apple’s Safari](https://www.apple.com/safari/), [Google’s Chrome](https://www.google.com/chrome/), [Microsoft’s Edge](https://www.microsoft.com/en-us/edge?ep=199&form=MA13L8&es=40), and [Mozilla’s Firefox](https://www.mozilla.org/en-US/firefox/). # How does a web browser work? Let’s say you want to access the website saperis.io. That website, just like any other, is hosted on a server. The browser goes to the Domain Name System server, also known as DNS server, to translate the domain name into an IP address to locate the server where the web site is hosted. The browser then sends a request to the server using the Hypertext Transfer Protocol, also known as HTTP, asking it to send a copy of the website. Usually, a website is a collection of HTML, CSS, JavaScript files, images, and more. ![What happens when you access a website](https://www.saperis.io/hs-fs/hubfs/What%20happens%20when%20you%20access%20a%20website.jpg?width=578&height=385&name=What%20happens%20when%20you%20access%20a%20website.jpg)*Illustration of what happens when you access a website* The web server answers the browser’s request by using HTTP to send a copy of the files. The HTML file contains all the information the browser needs to be able to correctly put together and display the text, images, and so on. The browser uses a piece of software called a rendering engine to translate the HTML into text and images. So for example, if in the HTML there is a hyperlink for an image, the browser will use that link, or URL, to access the image and display it on the website. The end result is that you see a complete website in your browser. # Who makes web browsers? There are a number of web browser makers. Let’s have a look at the global browser market share according to [Statista for August 2023](https://www.statista.com/statistics/276738/worldwide-and-us-market-share-of-leading-internet-browsers/). Pole position goes clearly to Google’s Chrome with a market share of 63.56%. Runner up is Apple’s Safari with 19.84% followed by Microsoft’s Edge with 5.43%. Fourth place goes to Mozilla’s Firefox with 2.95%. Next comes Opera with a market share of 2.74%. The rest of the market share is shared by a couple of different web browser makers. ![Browser market share for August 2023 according to Statista](https://www.saperis.io/hs-fs/hubfs/Browser%20market%20share.png?width=600&height=371&name=Browser%20market%20share.png) *Browser market share for August 2023 according to Statista* What makes this statistic really interesting is when you add the different rendering engines to it. We will learn more about the rendering engines later in this video. Chrome, Edge, and Opera all use Google’s Blink as their rendering engine. By the way, Blink is one part of [Chromium](https://www.chromium.org/chromium-projects/), an open-source browser project which also contains other browser components.  As you can see, there are currently only three different browser engines and with more than 70% Google’s Blink is clearly in the lead. # Are all web browsers equal? Have you ever wondered why a website looks a bit different depending on which browsers you're accessing it with? Well, interestingly, all browsers are made up of the same components. The user interface contains everything that you interact with in the browser, except the main part where the website is displayed. The browser engine coordinates the flow of information between the user interface, rendering engine, and other browser components. As we learned previously, the rendering engine is in charge of translating the HTML, CSS, and JavaScript code into a visual website. ![Illustration of the browser components](https://www.saperis.io/hs-fs/hubfs/Browser%20engine.png?width=800&height=600&name=Browser%20engine.png) *Illustration of the browser components* The networking component handles things like fetching website data, or delivering that data to the rendering engine for display. The JavaScript interpreter executes JavaScript code found on websites. The UI backend is mainly used for drawing basic widgets like windows and combo boxes. In the data persistence component is where local data like browser cookies are stored. So if all the components are the same, why the difference in displaying websites? Well, different browsers use different rendering engines. As previously mentioned, Chrome, Opera, and Edge use Blink as their rendering engine. Safari uses Apple’s WebKit while Firefox uses Mozilla’s Gecko. To ensure that any user can enjoy the internet, regardless of the browser they choose, web standards were defined. So in theory, it is very clear how a rendering engine should interpret and display web content. But in practice, the rendering engine makers have their own way of interpreting and displaying web content. Now this problem has gotten better because the rendering engines nowadays adhere more closely to the web standards. But still today, a website can look slightly different depending on which browser you're using. [Technology made easy](https://www.saperis.io/blog/tag/technology-made-easy) ## Similar posts Google Workspace Tutorials ### [Google Sheets If Then Formula – What it is and how to use it](https://www.saperis.io/blog/google-sheets-if-then-formula-what-it-is-and-how-to-use-it) Google Sheets If Then formula allows us to react in two different ways depending on if something is true or false. Learn how to use this formula now! Admin May 28, 2020 JavaScript ### [JavaScript for beginners - for loop](https://www.saperis.io/blog/javascript-for-beginners-for-loop) In this blog post you will learn how to use the for loop in JavaScript to loop over data, that is items in an array. Chanel Greco Dec 27, 2022 Google Workspace Tutorials ### [Google Docs Background Image - How to add it!](https://www.saperis.io/blog/google-docs-background-image-how-to-add-it) Google Docs Background Image - Use a new feature to add a watermark-style image to any Google Docs. Chanel Greco Mar 14, 2022 ### Google Workspace Blog Don't want to miss any of our blog posts about Google Workspace? Then go ahead and sign up!   ![saperis logo white](https://www.saperis.io/hubfs/saperis%20logo%20white.png) ### Product - [Product](https://www.saperis.io/products) ### About us - [About us](https://www.saperis.io/about) ### Blog - [Blog](https://www.saperis.io/blog) © 2023 Company All rights reserved [Privacy Policy](https://www.saperis.io/privacy-policy) [Powered by Atlas - a B2B SaaS HubSpot theme](https://www.kalungi.com/atlas-hubspot-theme-for-b2b-saas-software) ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Chanel Greco", "url" : "https://www.saperis.io/blog/author/chanel-greco" }, "dateModified" : "2024-02-16T15:53:23.090Z", "datePublished" : "2024-02-16T15:53:23.000Z", "headline" : "How does a web browser work?", "image" : [ "https://www.saperis.io/hubfs/158%20title%20for%20blog%20post%20(2).jpg" ], "mainEntityOfPage" : { "@id" : "https://www.saperis.io/blog/how-does-a-web-browser-work", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://www.saperis.io/hubfs/logo%20saperis%200.5x-1.png" }, "name" : "SAPERIS CONSULTING S.L." } } ```