Browser Standards: HTML5 Test – Best Results

Since the number of the available browser is constantly growing, it becomes every day more important to adhere to international standards. Until the last year, every developer was interested about how much a browser supported the XHTML 1.0 or 1.1 specifications and the CSS 1.0 or 2.0 specifications.

Nowadays things have changed a little bit. We are entering a new dynamic era of internet browsing. Browsers will be even more capable of serving and displaying media contents. Doing what? Correctly implementing the HTML 5 standard and the CSS 3.0 specifications.

HTML5Test

To help developers in the understanding and/or evaluation of the behavior of a browser, Niels Leenheer has written the HTML5Test web page. This page uses a little bit of Javascript to trick your browser with common HTML 5 implementation test cases, and collects all data in a really clean report. I suggest you to try that page now with your current browser, just to get an idea.

This test gives each browser a score, based on how many HTML 5 elements or features can handle correctly. The max score a browser can reach is 300, plus some additional bonus points for not-strictly-necessary features.

I gathered some results for the main web browsers, in the chart you can see below. I tried to use the more recent version for each browser. Just to get an appetizer of what will be next, I also tried a beta/alpha/nightly version of each of them.

This is the list of the browsers:

  1. Internet Explorer 8 (8.0.6001.18702)
  2. Internet Explorer 9 (beta 9.0.7930.16406)
  3. Firefox 3 (3.6.12)
  4. Firefox 4 (beta 6)
  5. Opera 10.63 (10.63 8450)
  6. Opera 11 alpha (11.00 alpha 1029)
  7. Chrome 7 (7.0.517.41)
  8. Chrome 8 (8.0.552.11 dev)

Results

You can see the results here:

HTML5Test scores

As you can see, Internet Explorer is still the worst browser when we talk about standards compliance. With the new IE 9 beta version, Microsoft has really improved the results of IE 8, reaching a score of 96 points, but still is a long way behind the other competitors. This is quite sad because we are reaching the end of year 2010, and Microsoft is still not demonstrating to be a good challenger in the web browser competition.

Firefox 3 is  worse than all the others, but with the latest beta version is making a big leap forward. Opera is pretty bad too, scoring just a little more than half the maximum score. The upcoming main Opera version shows some improvements (+20 points), but we still need something more.

Safari runs towards the top of the standings (with a clean score of 208), but the real winner is Google Chrome. With the latest stable version Chrome 7 scores 231 point (plus 12 bonus points), and with the developer snapshot of Chrome 8 it reaches a really good score of 241 (plus 13 bonus points). That’s about a 20% higher score than the nearest competitor!

No one has still reached the top, but surely they will in the next future. Quickly HTML 5 is becoming the next big thing in the internet, and it will revolution the way we think browsing and interacting with web applications and pages. Who stands behind (i.e. IE) will probably fail and disappear, so we have to hope every one makes a big work aiming at supporting the main web standards.

What’s up next

This page will clearly get frequent updates, as new browser versions will appear over the web. And probably in the next few days I will write a short post comparing all these browsers again. But this time I shall test their CSS 3.0 standards compliance.

See you next time.

Update

On September 15th Microsoft has release the first public beta of Internet Explorer 9. I have just now updated this post to reflect these changes. Microsoft has improved, but not so much.

Update 2

October 25th: I updated the article with the recent main releases of Firefox 3, Opera 10, Opera 11 alpha, Chrome 7 and Chrome 8 dev. Chrome is still miles away …
I am waiting for a public release of IE 9 beta preview 6. Keep on touch!

669 thoughts on “Browser Standards: HTML5 Test – Best Results

  1. Hello there! I could have sworn I’ve been to this website before but after looking at some of the posts I realized it’s new to me. Anyways, I’m certainly delighted I found it and I’ll be bookmarking it and checking back regularly.

  2. I blog frequently and I genuinely thank you for your information. The article has truly peaked my interest. I’m going to take a note of your website and keep checking for new information about once per week. I opted in for your RSS feed as well.

  3. Hi there! This blog post could not be written any better! Looking through this article reminds me of my previous roommate! He constantly kept preaching about this. I am going to forward this information to him. Pretty sure he will have a good read. Thanks for sharing!|

  4. Excellent beat ! I would like to apprentice while you amend your website, how could i subscribe for a blog website? The account aided me a acceptable deal. I had been a little bit acquainted of this your broadcast provided bright clear idea|

  5. My developer is trying to persuade me to move to .net from PHP. I have always disliked the idea because of the costs. But he’s tryiong none the less. I’ve been using Movable-type on several websites for about a year and am nervous about switching to another platform. I have heard good things about blogengine.net. Is there a way I can import all my wordpress content into it? Any kind of help would be really appreciated!|

  6. wonderful points altogether, you just gained a new reader. What could you suggest in regards to your put up that you simply made some days ago? Any positive?|

  7. Needed to send you that little remark to help thank you the moment again for these exceptional ideas you’ve shared above. It is really strangely generous with you to allow without restraint what numerous people would’ve offered for sale for an e book to make some money for their own end, particularly since you might well have tried it in the event you desired. The creative ideas in addition worked to become a great way to understand that other people have similar desire the same as my personal own to learn significantly more concerning this condition. Certainly there are lots of more enjoyable periods ahead for individuals who look into your site.

  8. I think this is one of the most significant information for me. And i’m glad reading your article. But should remark on few general things, The web site style is perfect, the articles is really great : D. Good job, cheers|

  9. Good day! I could have sworn I’ve been to this web site before but after looking at some of the articles I realized it’s new to me. Anyhow, I’m certainly delighted I stumbled upon it and I’ll be bookmarking it and checking back often!

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *