15
14

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

AngularDart v.s. AngularJS Benchmark

Last updated at Posted at 2014-10-22

AngularDartとAngularJS、処理系の違いもあってあんまり比較された記事を見ないので、比較してみました。

ベンチマーク方法

こちらのアニメーションでのベンチマークを参考に、少し改良を加えた物をAngularDart/JS両方で実装し、100個の円状のオブジェクトを色を変えつつ回転移動させるというアニメーションにかかる時間の100回の平均を取りました。ブラウザはDart 1.7に同梱のDartiumです。

ソースコードはこちらです。Dartを使う都合上、デモサーバーを用意できなかったので、もし結果を自分の目で確かめたいというかたはリポジトリをクローンして動かしてください。

結果

1位 AngularDart 718ms

Imgur

2位 AngularDart(コンパイル後JS) 987ms

Imgur

3位 AngularJS 990ms

Imgur

考察

各所で「速い」と謳われるDartだけあって、Dartium上ではAngularJSに大きな差を付けて1位でした。dart2jsでコンパイルされた後のjsとAngularJSではほとんど違いがありませんので、altJSとしてのDartは十分に力を持っていると言っていいのではないでしょうか。

ただ気がかりなのはAngularDartを用いた2つのケースではどちらも1回目の計測値が異常に大きくなっており、何らかのオーバーヘッドがあるのではないかと思われます。また、dart2jsはとても遅いので、>pub serveでのリアルタイムコンパイルはよほどのサーバーでないとまだ実用には耐えません。dart2jsを使う場合は予め>pub buildしたものをデプロイするのが得策です。

15
14
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
15
14

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?