World’s first visual benchmark for HTML5 + JavaScript: AO bench!

by syoyo


As you may know, AO bench is simple, practical and compute-intensive visual benchmark program for many languages.

I had wrote HTML5 + Javascript version of AO bench, but at that time the execution time on oldtype browsers is very disappointing.
But, since then, there’s significant performance improvements in HTML5 and JavaScript, as done in newtype browsers: Chrome and Safari4.
Thus I re-measured the performance of AO bench in HTML5 + JavaScript in 3 browsers available now on Mac.

AO bench in HTML5(Canvas) + JavaScript

It’s very simple to measure execution time of AO bench on your environent in HTML5 + JavaScript setting, simply click,

Then wait a few seconds.

Here’s the result in my Intel Mac 2.16GHz environment.


Chrome Mac beta( : 2.5 sec
Safari4 : 3.5 sec
Firefox3 : 22.4 sec

Wow, Chrome and Safari4 are quite fast! Amazing!

AO bench, de-fact standard for HTML5 + JavaScript benchmark?

AO bench is simple, but compute-intensive and uses HTML5 features(Canvas),
thus I think AO bench is a good candidates for one of benchmark suite for HTML5 + JavaScript.
But I don’t know who is managing benchmark suite for HTML5 + JavaScript…
If you know someone who is interested in making benchmark suite for HTML5 + JavaScript, let me know.
I will promote AO bench for them.


AO bench, 今話題の? HTML5 + JavaScript でももちろん動きます.

これを書いたときはとてつもなく遅かった(ブラウザが処理を中止しますか? とか表示してしまう)のですが,
これまた今話題のニュータイプなブラウザである Chrome と Safari4 だととてつもなく速い!
だいたいいままでのブラウザだと 1 分から 30 秒くらいかかっていたのが, なんと 2,3 秒で終わってしまいます.
○ャアの 3 倍どころではありません!
さすがニュータイプ, おそるべし…

AO bench, これって視覚的だしシンプルだし, いいベンチマークだと思うんですよね.
というわけで AO bench をこれからの HTML5 + JavaScript 時代のためのデファクトベンチマークにしたい.
けどそうするためにはどうしたらいいかな? 「SunSpider に入れろや!」 と WebKit チームと交渉したらいいだろうか.

それにしても, これだけ速くなるなら, Processing ではなくブラウザで JavaScript で GI レンダラというのもアリな気がしてきました.
ひきつづきブラウザの JS + HTML5 のパフォーマンスには注目していこうと思います.