Ajax Performance
A blog by Ryan Breen of Gomez
Thanks for the help! And now, some results.
April 18, 2007 on 12:27 am | In ajax |A couple weeks ago I posted a request for clicks to a Dojo Chart benchmark in the hopes of determining the relative performance of SVG (or VML, in the case of IE) engines across browsers. Thanks to your help (and special thanks to a link from our good friends at Ajaxian), we have a couple thousand data points to work with. That’s enough volume to start drawing some statistically relevant conclusions, so let’s dig into the numbers.
First, the high level — the totals by browser:
| browser | render chart |
|---|---|
| Camino | 171 (28) |
| Explorer | 280 (430) |
| Firefox | 124 (1883) |
| Mozilla | 102 (36) |
| Netscape | 187 (1) |
| OmniWeb | 117 (2) |
| Opera | 59 (144) |
| Safari | 37 (69) |
Interesting stuff. Safari’s sample size was rather small since only recent Nightlies support SVG, but the early returns are very impressive. At 37ms, Safari is easily the fastest implementation, over 3 times faster than Firefox. Internet Explorer is by far the slowest, but this may be a generic statement for the speed of VML operations. Opera was the 2nd fastest browser, narrowly losing out to Safari and turning in a time over twice as fast as Firefox.
There may be some bias in the data given that the majority of people running WebKit Nightlies are likely doing so on sexy multicore Mac hardware. Let’s take a look at the breakdown by OS to see how Safari performs against other Mac browsers:
| browser | render chart |
|---|---|
| Camino–Mac | 171 (28) |
| Explorer–Windows | 280 (430) |
| Firefox–Linux | 132 (220) |
| Firefox–Mac | 152 (231) |
| Firefox–Windows | 118 (1428) |
| Mozilla–Linux | 110 (17) |
| Mozilla–Mac | 97 (6) |
| Mozilla–Windows | 81 (12) |
| Netscape–Windows | 187 (1) |
| OmniWeb–Mac | 117 (2) |
| Opera–Linux | 83 (17) |
| Opera–Mac | 42 (23) |
| Opera–Windows | 58 (103) |
| Safari–Mac | 37 (69) |
Firefox on Mac is significantly slower than Firefox on Windows. OK, so either all Firefox Mac users are on boring old PowerPC tech, the Firefox SVG implementation on Mac is slower than Windows, or my Safari hardware bias theory is totally busted. Perhaps a combination of the three. Any way you slice it, Safari’s dominating performance can’t be rationalized away — the WebKit guys have done some seriously good work on the SVG front.
Finally, let’s look at differences between browser versions to see if there is any movement in the trends release to release:
| browser | render chart |
|---|---|
| Camino1.0 | 185 (21) |
| Camino1.1 | 98 (6) |
| Explorer5.5 | 297 (1) |
| Explorer6.0 | 311 (225) |
| Explorer7.0 | 246 (204) |
| Firefox1.5 | 146 (197) |
| Firefox2.0 | 122 (1686) |
| Mozilla0.0 | 16 (1) |
| Mozilla1.8 | 107 (32) |
| Mozilla1.9 | 79 (3) |
| Netscape8.1 | 187 (1) |
| OmniWeb607.17 | 117 (2) |
| Opera9.0 | 39 (7) |
| Opera9.02 | 33 (10) |
| Opera9.1 | 61 (76) |
| Opera9.12 | 54 (2) |
| Opera9.2 | 58 (47) |
| Safari417.2 | 31 (2) |
| Safari419.3 | 37 (67) |
Looks like Microsoft made some improvements to the VML engine in IE7 — there is a significant improvement from IE6. In the SVG space, Firefox appears to have made some marginal improvements in 2.0. Safari SVG support is new, and the per-version sample size on Opera is too low to draw any trend conclusions.
In summary, the WebKit team should be applauded for the performance of their SVG implementation. Now, let’s get that spiffy new engine in the hands of more users. If the Safari numbers hold up once the new version ships, the Firefox team will have their work cut out for them trying to catch up. As for Microsoft, the VML implementation is twice as slow as the average SVG counterpart. This may be a case where more tuning in necessary on the Dojo side of things, but if it reflects a true limitation of their VML engine, Microsoft also has some work ahead.
Isn’t competition great?
12 Comments »
RSS feed for comments on this post. TrackBack URI
Leave a comment
Powered by WordPress with Pool theme design by Borja Fernandez.
Entries and comments feeds.
Valid XHTML and CSS. ^Top^
The reason that IE7 is faster than IE6 is probably hardware related. Peopel running IE7 are mroe likely to run Vista, which “requires” faster hardware.
Comment by Teun — April 18, 2007 #
That’s a good point, Teun. I wish I had data down to the OS version so I could compare IE7 on Vista vs. XP to see how much of a factor that is.
Comment by Ryan Breen — April 18, 2007 #
Ryan–thanks again so much for collecting this data! Hopefully it will help quite a bit for future improvements among all browsers…
Comment by Tom Trenka — April 18, 2007 #
[...] WebKit Wins SVG Showdown Opera comes in second, but stilll twice as fast as Mozilla! (tags: Webkit SVG) [...]
Pingback by All in a days work… — April 19, 2007 #
I for one would love to know when SVG will be migrated into Safari mainstream release. Does anyone have that information please?
Comment by Paul Randall — April 20, 2007 #
[...] has not been updated to 3.0 yet. I was hoping to repeat my Dojo Chart benchmark, but the lack of SVG support makes this [...]
Pingback by Ajax Performance » A few thoughts on the iPhone, plus a news round-up — July 2, 2007 #
[...] SVG quite as much as the rest of the engine, but early tests seem to indicate that it already has blazing performance. Look for this exciting new technology to see even more use on the web over time, now that it is [...]
Pingback by Surfin’ Safari - Blog Archive » Ten New Things in WebKit 3 — November 15, 2007 #
[...] support for graphical presentantion and interaction via XHTML in WebKit 3 is shaping up to be the fastest among browsers. Although its rich potential has not yet been fully realized, SVG gets an [...]
Pingback by Runtime wars (2): Apple’s answer to Flash, Silverlight and JavaFX « counternotions — November 15, 2007 #
I believe MS have come up with a fix for slow ajax performace.
http://support.microsoft.com/kb/942840
From a couple of quick tests. There is a noticable difference in speed. and CPU usage does not go through the roof.
Comment by Kevin — January 3, 2008 #
>The reason that IE7 is faster than IE6 is probably hardware related. Peopel running IE7 are mroe likely to run Vista, which “requires” faster hardware.
Well there’s a thought.
Comment by Regclean — January 6, 2008 #
[...] SVG, и на очень хорошем уровне. Настолько хорошем, что по некоторым тестам это самый быстрый браузер. Opera на втором месте (~в [...]
Pingback by Safari – Safari для веб-разработчиков — February 12, 2008 #
[...] tracking is something I’ve been a fan of for a while (I used a similar technique for the Dojo Charts benchmark last [...]
Pingback by Ajax Performance » At the Velocity Conference — June 23, 2008 #