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

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

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

実践 Off the main thread - from scratch

2019/12/30 31 users from Scratch off the 実践 処理 実際

実践 Off the main thread 実際に Off the main thread をやりつつ、パフォーマンスチューニングをする際にどこに気をつけるべきかを今やっているので、それについて話します。 Off the main thread とは JavaScript の処理は基本的にメインスレッドで実施します。JavaScriptの実行処理以外にも記述された内容を解釈する... 続きを読む

この 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スレッドに移動することで、メインスレッドの負担が軽くな... 続きを読む