It's safe to say that Microsoft Edge, Mozilla Firefox, Google Chrome, Safari and Opera are the most popular browsers. When choosing a browser, it's important to remember that popularity brings with it developers for plugins and extensions. Your internet browser is limited not necessarily by the performance of the browser, but by the apps and extensions offered by the developers in the community. For instance, Google's Chromecast requires you to be using their browser, Chrome, in order to use the device for your TV. They offer the streaming extension in the Chrome store for laptop/desktop computing. While most plugins for all the top browsers are universal, there are some exclusive extensions.In this breakdown, I'll be comparing the top 4 internet browsers that people use: Google Chrome, Microsoft Edge, Mozilla Firefox, and Opera.
Design & functionality
Before we get into the nitty-gritty tech specs, let's consider the layout and design of each browser. While they share many aspects of each other, they have small distinctions that could possibly (though I suggest to not let it) make or break your browser decision.
Extensions are a necessity for browsers, which is why it might be harder to get behind some of the lesser-known browsers (they might not have the extension you want). All four browsers have plugins/addons/extensions and the popular ones are probably supported on all platforms.
All modern browsers will have an address bar, search bar (some combined), tabs (and a new tab screen), bookmarks, and unique elements for that browser. Your _toolbar_ is minimal, to give you more room to view the website, which is the whole point of a web browser.
Chrome is simple. You've got at the top your tabs, address bar, and optional bookmarks. Extensions are put to the side of the address bar and can be collapsed under the "more" menu in the top right of the browser. To the left of the search bar, you've got your standard back and forward buttons as well as refresh with an optional home button. Chrome was given an update to follow their design standard, Material Design (at least the icons).
What you type in the search bar, or omnibox will do a search on your set default search engine or other sites based on what you type before it. For instance: with the Wolfram|Alpha extension, just type
= [tab] before your search and it will do a Wolfram|Alpha search. Extensions like this are one of the reasons Chrome is so popular.
Microsoft Edge has a very similar vibe with a little different layout. The UI is more rectilinear (which I prefer) and is quite simple. Beyond the basic elements you'd expect from a browser, there is the built-in ability to essentially draw on any website, save that screen shot, and export it to One Note or share it online directly. Edge is the default browser in Windows 10 (you can change this).
Microsoft wants to integrate their products together into one universal system, which is great in theory. While most of their products are solid and fine for most, you may find that you like certain aspects of competitive products better.
Firefox mirrors the features of the others, and has a lot of similar extensions that Chrome has. If there's an extension on Chrome that you like, chances are it's been developed for Firefox (similar to how apps are developed for both Android and iOS) or vice-versa. Firefox has its own UI which scrolls smoothly and performs quite well.
These browsers will all feel very similar from a design perspective, so you'll only find the largest differences in their performances features, interface, and your overall preference.
Opera has a sleek look to it, unique way to view videos while you browse, and a built-in ad blocker. It's got a speed dial which is just like the other new tab screens with links to your most visited/favorite websites, but it also features a news option that will display recent stories from news sites.
Opera have created a new browser called Neon. With it, they are trying to simplify and improve what traditional browsers look like and how they behave. I encourage you to play around with it - the UI is original and has things like built-in screen shots that extend the out-of-box functionality.
Through several benchmarking tests online, we can decide which browser is the best. The best considering factors such as speed, usability, features, and so on. The benchmarking programs will give a score. The score is only relevant if you understand each element in the scoring system or you look into what makes up the score. Otherwise, the scores are only significant based on comparison to the other browsers. That’s what I'll be doing — comparing each browser to the next. This way, we can find out which of the 5 most popular browsers comes out on top.
Chrome - 24385
Edge - 23893
Opera - 23200
Firefox - 22179
Browserbench offers a web browser benchmarking tool called Speedometer. This benchmark tests the responsiveness of apps by simulating user interactions in demo web applications. Essentially, it tests the speed and functionality that a browser can be expected to perform when interacting with a website. The final result is runs/minute, but we'll be using this number relative to each other browser to see which can handle the most. Opera had the highest scores on the Speedometer testing.
Opera - 51.82
Chrome - 38.20
Firefox - 32.40
Edge - 26.25
Edge - 166.29
Chrome - 136.28
Opera - 128.99
Firefox - 119.75
HTML5 TestAs the name suggests, HTML5 Test tests how well browsers support HTML 5, the markup language of the internet. It takes into consideration things like file support for different video/audio/image codecs, HTML 5 standard elements, forms, 2D and 3D graphic rendering, performance, security, and other components. If a browser shows support for a tested standard, it's given some points - which are totaled up to give their final scores. Chrome had the highest scores on the HTML 5 tests.
Chrome - 526
Opera - 525
Edge - 458
Firefox - 478
Browserscope (security)Browserscope is a browser benchmark test for security, network, and other categories. Below is a list of popular browsers they have tested on their site, with Chrome scoring the highest and Firefox in second.
Browsermark (CSS animations)Browsermark runs the browser through multiple CSS animation flex tests to see how your browser handles 2D and 3D CSS animations. Opera won this one.
Opera - 5488
Chrome - 5287
Firefox - 4175
Edge - 2786