Web
Article

Microsoft Edge: A Hands-on Preview

By Ashraff Hathibelagal

I was quite surprised when Microsoft announced that Internet Explorer — the Microsoft browser that has been around for nearly two decades — was going to be replaced by a browser then code-named Project Spartan (the browser’s final name, Microsoft Edge, was just revealed, so I’ll use that name for the rest of the article). A brand new browser (especially one developed by a behemoth like Microsoft) entering the browser market is a rare occurrence, and I could hardly wait to get my hands on it.

After my Windows 10 Technical Preview installation updated itself from build 10041 to build 10049, I was pleased to find Microsoft Edge’s tile in my taskbar.

Microsoft Edge Icon

Let’s take a look!

The Interface

In accordance with the principles of Metro – Microsoft’s design language – Microsoft Edge’s interface is minimalist, flat and very intuitive. According to Microsoft, the idea is to keep the chrome so simple that there’s hardly anything distracting users from the contents of the websites they are visiting. It didn’t take me long to get used to it, and I think the simple line-art icons serve their purpose well.

Microsoft Edge's Interface

Reading View

Clicking on an icon that looks like an open book activates the reading view, and the web page is stripped of all ads, irrelevant images and styling. What remains is a clean and much more readable version of the web page, with large text and no distractions.

Microsoft Edge's Reading View

The reading view can be adjusted to suit your preferences. The text size can be changed, and multiple viewing styles are available.

Reading View Settings

I’m not sure if it’s a bug or a feature, but reading view was not available on all the pages I visited. Perhaps Microsoft Edge can distinguish web pages that are just collections of links from web pages that are articles or blog posts. For instance, on SitePoint’s home page, the reading view icon was disabled, though it worked on SitePoint’s Press Room page.

Cortana Integration

Microsoft Edge is fully integrated with Cortana, Microsoft’s personal assistant, which behaves much like Google Now or Apple’s Siri. Invoking Cortana is as simple as selecting text on a web page, right-clicking, and choosing Ask Cortana. A slide out appears, showing you information relevant to what you selected. In my opinion, this is the most outstanding feature of Microsoft Edge; asking Cortana to look up the definition of a term is so much quicker than opening a new tab and using a search engine.

Cortana Integration

Favorites and Reading List

When you bookmark a web page, you can either add it to your favorites or to your reading list. If it’s a page you’ll be visiting again and again, you might want to add it to your favorites. If you’re bookmarking it only because you want to read it later, it’s better to add it to your reading list.

Reading List

Doodling and Sharing

Activating Spartan’s Make a Web Note feature allows you to treat the web page you’re currently on as a page in a real book. If you have a pen tablet or a touch screen monitor (a mouse could feel too clumsy) you can doodle over the web page, highlight specific items, or even create snippets. When you’re done, you can easily share it using OneNote, or add it to your reading list.

Web Notes

If you just want to share a link, or a screenshot of a web page, you can do that too.

Sharing Items

HTML5 Support

To determine Microsoft Edge’s user agent, I visited httpbin.org. I wasn’t expecting it to look so much like Chrome’s user agent:

Mozilla/5.0 (Windows NT 10.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.71 Safari/537.36 Edge/12.0

This made me assume that its behavior would be very close to that of Chrome. However, at the moment Microsoft Edge doesn’t seem to support HTML5 as well as Chrome does. It scores less than Mozilla Firefox too as far as HTML5 support tests are concerned. These scores will probably improve in future builds. For now, the only browser Spartan manages to beat is IE 11.

HTML5 Test

JavaScript Performance

According to the SunSpider 1.0.2 benchmark results, Microsoft Edge is 1.7x faster than Google Chrome.

SunSpider Benchmark Test Results

However, results of both the Octane and V8 benchmark suites show that Google Chrome is faster. On my laptop, after several runs, Google Chrome’s average score was 13446, while Microsoft Edge’s average score was 11220.

V8 Benchmark Test Results

Incomplete Features

No Browsing History

Microsoft Edge doesn’t yet display your browsing history. This feature, of course, will be added in future builds. The same can be said of the Downloads section: for now, there’s no way for you to see your download history or the progress of your downloads.

No Browser History

No Support for Custom Browser Add-ons

At the moment, Adobe Flash Player is the only add-on available on Microsoft Edge. You can’t add new add-ons yet.

No Custom Add-ons

Conclusion

Though it’s too early to compare it with popular browsers like Chrome or Firefox, Microsoft Edge definitely feels like a modern browser that can add value for users. It’s lightweight and can render complex web pages instantly. It’s very stable, too; I’ve used it for more than a week now, and not once did I see it freeze or crash. Its integration with Cortana improves the browsing experience considerably. However, it’s far from complete, and is highly likely to change significantly in the coming months. It’s best to wait for more complete builds before you decide to make Microsoft Edge your default browser.

Note: This is a preview of Microsoft Edge version 0.10.10049.

Free Guide:

7 Habits of Successful CTOs

"What makes a great CTO?" Engineering skills? Business savvy? An innate tendency to channel a mythical creature (ahem, unicorn)? All of the above? Discover the top traits of the most successful CTOs in this free guide.

Comments
sebakerckhof

It's much more important to look at rendering speed then javascript speed. Javascript usually isn't the bottleneck anymore, it's DOM rendering.

gchoules

Does Edge include support for DNS SRV records? This is something sadly lacking in both Chrome and FF. SRV is a record type that allows a client to ask for a service in a domain and receive names of servers that can provide that service along with weighting and preference values for each of them. It is very like the way MX records work for finding mail servers.

Fingers crossed, but not expecting much. :/
Greg

Wongi_Lee

Cloud you tell me more about "Web Note" feature? Does it only save as image(screenshot)? or Save whole web page as web resources (html, css, resources and js)? If it save and share without image (screenshot), how OneNote could sync the annotation and Web page? I can not find more information about Web Note feature.

Thanks.

MatsSvensson

All webnotes seem to do, is to open a popup with the text:

"Web notes aren't available
Sorry you can't take notes on this page right now
OK"

"this page" apparently referring to every page ion the internet.

s_molinari

Read Mode - what does the need for such a feature tell you about too much of the Internet? smirk

Scott

steve_web

I'm excited for this new browser but I really hope that some of the basic usability issues of the current IE are addressed too e.g. adding stretchable textareas sometime before 2020 https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/6513977-css-resize-property (link to vote on the feature). I also hope that the settings dialog/panel is completely redone as the old one is a usability nightmare.

Recommended
Sponsors
Because We Like You
Free Ebooks!

Grab SitePoint's top 10 web dev and design ebooks, completely free!

Get the latest in Front-end, once a week, for free.