【JavaScript】 高速化プロジェクト その２

先の投稿からずいぶん時間が経ってしまったが続編「その２」を書いてみる。 まず、問題となったものがどんなアプリかであるが、これは下図のように、スプレッドシートのような動作をするJavaScriptアプリで、サーバから必要なデータを初期表示の際にいっぺんに取ってきて、あとはブラウザ環境だけで動作するというものであった。タブを押すと別の画面が表示されるがサーバへのアクセスはない。表示されているタブの中に複数のテーブルがあり値を入力変更できる。しかし、値を変化させると隠れている他のタブの値まで影響するので、計算が多岐にわたって遅くなってしまう。これにはいくつか問題となるコーディングがなされていた。 問題となっていた部分を改善して効果があった順に挙げると以下となる。 １）イベントリスナーの多用をやめる ２）DOMへの直接参照をやめる ３）数値計算の誤差は最後にまるめる １）イベントリスナーの多用をや

[Cherenkov]

イベントリスナーの多用をやめる。DOMへの直接参照をやめる。数値計算の誤差は最後にまるめる。