JavaScript 長いループ 分割 - hitode909の日記

2020/11/26 201 users hitode909 分割 JavaScript 日記 ループ

ブラウザで長いループや、重い処理をともなうループを回したいとき、同期的にJavaScriptを実行するとメインスレッドがブロックしてしまうので、ちょっとずつ細切れに分割して実行したい、ということがある。 昨日久しぶりに書いたら新たなパターンと出会ったので、これまでにどう書いてて今回どうなったかメモ。 setTime... 続きを読む

この DOM がすごい2018: worker-dom - mizchi's blog

2018/10/18 238 users DOM 殆ど mizchi's blog 重い処理 処理

おもしろライブラリを見つけて興奮しているので紹介します。 UIスレッド(メインスレッド)からユーザー操作をブロックしてしまうような重い処理を逃がす off-the-main-thread を実践しようとなると、実際に問題になるのは、ほとんどの処理は何らかの形で DOM を参照し、それに連なるものが処理時間の殆どを占めている、と... 続きを読む

オフスクリーンキャンバスを使ったJSのマルチスレッド描画 – スムーズなユーザー操作実現の切り札 - ICS MEDIA

2018/09/18 88 users 切り札 ICS MEDIA 描画処理 負荷 標準

2018年9月にリリースされたChrome 69からOffscreenCanvas（オフスクリーンキャンバス）が標準で利用できるようになりました。OffscreenCanvasはWeb Workers（ウェブワーカーズ）を使用してWorkerスレッドで描画処理を行える機能です。負荷の高い描画処理をWorkerスレッドに移動することで、メインスレッドの負担が軽くな... 続きを読む