Note that this is a very unscientific study – I only ran the tests once (although some of them repeat themselves anyway) and I had other applications running in the background. Some browsers will also now use hardware acceleration for certain items.
The tests were run on a Dell XPS 16 studio, win7 64 bit, 8gb ram, Intel i7 Q720 at 1.6ghz, ATI Mobility Radeon HD 4670.
|Browser||HTML5test||Sunspider (ms)||Kraken (ms)||V8v5|
|IE 8 (8.0.7600.16385)||27||5204.0||–||119|
|IE 9 beta (9.0.7930.16406)||96||661.4||61183.0||1328|
|Safari (5.02 7522.18.5)||207||732.4||18689.6||28|
As the preso is about using HTML5 I wanted to see which areas could be used across the most browsers. I picked a few areas I would want to make use of the most and the results (again based on HtmlTest.com) are below:
|Functionality||IE 8||IE 9 beta||Firefox||Firefox 4||Chrome||Opera||Safari|
|Doctype trigger strict||Y||Y||Y||Y||Y||Y||Y|
|Drag and drop||N||N||Y||Y||Y||N||Y|
|SVG in text||N||Y||N||Y||N||N||N|
|Web SQL Db||N||N||N||N||Y||Y||Y|
Table 2. Support of key HTML 5 elements across browsers
Note that Web SQL db has been dropped in favor of indexed db and all vendors so far have used SQLLite to implement the WebSQLDb.
So in summary from my unscientific tests:
- Chrome provides best html5 support (in terms of Html5test.com score)
- Chrome is quickest on Sunspider benchmark but Opera is quickest on Kraken (which utilizes Sunspider)
- IE8 is massively slower on js benchmarks but IE9 js perf is much improved (the Kraken test wouldn’t even run on IE8 and kept giving dialogue about script running slow)
- You can use some of the storage stuff if your users browsers are fairly up to date
- Canvas support is good on latest browsers across the board