◆ Firefox が速かった
◆ Edge スコアが Chrome 以上だった

前回ので Firefox やってなかったなぁと思ってやってみると……


Date.now の addforEach
C#6ms2ms
Chrome7ms30ms
Firefox2ms18ms

あ…れ…??
速すぎない???



計測ミスや開くファイル間違ったかな と思いましたがちゃんと同じファイルを開いていました

思った以上に Firefox が進化していたのでちゃんとベンチマークしてみようと思います

使うのは Octane という Google のベンチマークツール
https://chromium.github.io/octane/

Octane

いきなりですが結果を載せると

Firefox52.0a2Chrome54IE11
Octane Scoretotal243872618412979
RichardsCore language features288032585515074
DeltablueCore language features398764457010692
CryptoBit & Math operations235552285514435
RaytraceCore language features904275100813219
EarleyBoyerMemory & GC299063486621851
RegexpStrings & arrays363737701695
SplayMemory & GC15931175696690
SplayLatencyGC latency18151243045758
NavierStokesStrings & arrays321062569323012
pdf.jsStrings & arrays10637158516993
MandreelVirtual machine212241907314765
MandreelLatencyCompiler latency235154985224083
GB EmulatorVirtual machine537504662027358
CodeLoadLoading & Parsing144241402213588
Box2DWebBit & Math operations390774423914596
zlibasm.js515224822218297
TypescriptVirtual machine & GC186443140533741

勝ってる項目数だと Firefox も Chrome もだいたい同じくらい
少しだけ Chrome のほうが勝ってる項目が多いです

Core language features に当たる部分が 3 つのうち 2 つ Firefox が勝っているので基本的な言語機能は Firefox が速いことが多いみたいです

IE11 も含めての比較では Chrome が最下位の項目はありませんが Firefox は IE11 未満な部分もあるようです
言語のコア機能は Firefox が良い結果ですが その他はそれほどでもないようで全体スコアでは Chrome が Firefox より高いスコアです


このパソコンは Windows7 で Edge がはいってない(入らない)ので Windows10 の別パソコンの結果も載せておきます
上と比べられるように基準用 Chrome と Edge の 2 つです

Chrome 54Edge25/EdgeHTML13
Octane Scoretotal3281234288
RichardsCore language features3219228054
DeltablueCore language features5899727155
CryptoBit & Math operations2804532655
RaytraceCore language features7177955055
EarleyBoyerMemory & GC4697143680
RegexpStrings & arrays50815626
SplayMemory & GC2148126004
SplayLatencyGC latency2819962775
NavierStokesStrings & arrays2530030153
pdf.jsStrings & arrays2209820845
MandreelVirtual machine2411431601
MandreelLatencyCompiler latency64743108374
GB EmulatorVirtual machine5257748446
CodeLoadLoading & Parsing1698214273
Box2DWebBit & Math operations5487146259
zlibasm.js5799467528
TypescriptVirtual machine & GC4320849003


Chrome のスコアでわかるようにこっちのほうがちょっとスペック高めです
上はノートパソコンで下がデスクトップパソコンです

驚きなのが なんと Chrome 以上に Edge のスコアが高いです
「Core language features」 は Chrome が勝っていますが それ以外は Edge に負けている部分が多いです

Edge 使ってみても ページ開くのが遅いなって感じるくらいなのにこんなにスコア高いのはちょっと信じられません

他のサイトでもやってみました

せっかくなので別サイトでもやってみました
https://syncer.jp/benchmark

テストコード

デフォルトのままです
$ は jQuery で element は getElementById で取り出した生の DOM 要素になっています

A
element.textContent = ++i ;

B
element.innerHTML = ++i ;

C
$(element).text( ++i ) ;

D
$(element).html( ++i ) ;

E
element.innerHTML = ++i ;

B と E は全く同じです

Chrome54 (Win7 PC)

A
回数: 1,275,621回 / 1秒
速度: 0.0000007839秒 / 1回
誤差: ±0.87%
fastest!!

B
回数: 179,189回 / 1秒
速度: 0.0000055807秒 / 1回
誤差: ±1.34%
slower

C
回数: 277,594回 / 1秒
速度: 0.0000036024秒 / 1回
誤差: ±1.04%
slower

D
回数: 67,449回 / 1秒
速度: 0.0000148261秒 / 1回
誤差: ±6.07%
slowest…

E
回数: 183,569回 / 1秒
速度: 0.0000054476秒 / 1回
誤差: ±0.99%
slower

Firefox52.0a2 (Win7 PC)

A
回数: 758,772回 / 1秒
速度: 0.0000013179秒 / 1回
誤差: ±0.95%
slower

B
回数: 816,022回 / 1秒
速度: 0.0000012255秒 / 1回
誤差: ±0.55%
fastest!!

C
回数: 223,713回 / 1秒
速度: 0.0000044700秒 / 1回
誤差: ±1.30%
slower

D
回数: 67,077回 / 1秒
速度: 0.0000149083秒 / 1回
誤差: ±2.47%
slowest…

E
回数: 781,596回 / 1秒
速度: 0.0000012794秒 / 1回
誤差: ±1.84%
slower

IE11 (Win7 PC)

A
回数: 74,960回 / 1秒
速度: 0.0000133404秒 / 1回
誤差: ±0.42%
fastest!!


B
回数: 65,760回 / 1秒
速度: 0.0000152067秒 / 1回
誤差: ±0.48%
slower


C
回数: 29,354回 / 1秒
速度: 0.0000340664秒 / 1回
誤差: ±1.09%
slower


D
回数: 6,069回 / 1秒
速度: 0.0001647669秒 / 1回
誤差: ±16.20%
slowest…


E
回数: 65,624回 / 1秒
速度: 0.0000152383秒 / 1回
誤差: ±0.56%
slower

Chrome54 (Win10 PC)

A
回数: 1,150,509回 / 1秒
速度: 0.0000008692秒 / 1回
誤差: ±0.32%
fastest!!

B
回数: 306,778回 / 1秒
速度: 0.0000032597秒 / 1回
誤差: ±0.76%
slower

C
回数: 468,143回 / 1秒
速度: 0.0000021361秒 / 1回
誤差: ±1.89%
slower

D
回数: 121,545回 / 1秒
速度: 0.0000082274秒 / 1回
誤差: ±8.17%
slowest…

E
回数: 292,803回 / 1秒
速度: 0.0000034153秒 / 1回
誤差: ±4.35%
slower

Edge (Win10 PC)

A
回数: 131,728回 / 1秒
速度: 0.0000075914秒 / 1回
誤差: ±0.56%
fastest!!

B
回数: 96,294回 / 1秒
速度: 0.0000103849秒 / 1回
誤差: ±1.22%
slower

C
回数: 47,347回 / 1秒
速度: 0.0000211208秒 / 1回
誤差: ±2.92%
slower

D
回数: 11,850回 / 1秒
速度: 0.0000843876秒 / 1回
誤差: ±20.33%
slowest…

E
回数: 95,221回 / 1秒
速度: 0.0000105019秒 / 1回
誤差: ±3.64%
slower

1 秒の実行回数でまとめると

Chrome54(7)Firefox52.0a2(7)IE11(7)Chrome54(10)Edge25/13(10)
A1,275,621758,77274,9601,150,509131,728
B179,189816,02265,760306,77896,294
C277,594223,71329,354468,14347,347
D67,44967,0776,069121,54511,850
E183,569781,59665,624292,80395,221


本当に同じもの比べてるのっていいたいくらいに結果に差があります
Chrome54 どうしでも A は win10 のほうが悪いのに他は 倍くらいになってるのもあったりです

とりあえず Firefox は innerHTML の直接書き換えがすごく速いです
Chrome は textContent は速いですが innerHTML はあまり早くないです

jQuery は当たり前ですが遅いです

まとめ

Firefox と Edge も意外と性能高いです

基本的な JavaScript 処理は Firefox のほうが高いところが多いです
ちょっと特殊なところは Edge が高性能で Chrome は平均的なポジションです