wasm vs js with MandelbrotSet

マンデルブロ集合を生成する計算時間をwasmとJavaScript(js)で比較します（描画時間は含まず）。

rustc 1.72.0 (5680fa18f 2023-08-23)
wasm-pack 0.12.1

マンデルブロ集合:

中心位置のx座標Re(c):

中心位置のy座標Im(c):

中心位置からの描画範囲:

Z[n]のnの上限値:

上極限の発散条件:

以下

wasm / 生成時間:[ms] / 合計生成時間:[ms]

js / 生成時間:[ms] / 合計生成時間:[ms]

所感

wasm(Rust)のstd::collections::HashMapは遅い。
- wasm(Rust)とjs両方とも連想配列を使って呼び出す関数（マンデルブロ集合の式を決める関数）を決めている。Rustのstd::collections::HashMapは遅い。使うだけで感覚として+50[ms]かかる。
- 代わりにhashbrown::HashMapを採用したら改善された(+5[ms]くらい？)
Chromeでデベロッパーツールを開くとwasmが極端に遅くなる

初期値のZ=(Z*)^10+Cで、wasm / 生成時間:292[ms]、js / 生成時間:295[ms]
F12を押して同条件ですると、wasm / 生成時間:684[ms]、js / 生成時間:296[ms]
TurboFanの最適化がキャンセルされるらしい。参考：WebAssembly の実行は、Chrome において DevTools を開くだけで遅くなる

ブラウザによっても速度は変わる
あなたから見てwasmとjsどちらが早いですか？