フロントエンドのパフォーマンス改善：Web WorkerとWebAssemblyの効果測定 - SO Technologies 開発者ブログ

1. はじめに こんにちは。ATOM事業部フロントエンドテックリード兼デザイナーの河原です。 今回はフロントエンドの重たい処理をWeb WorkerやWebAssemblyを用いてどのように改善できるかを検証し、その効果を測定しました。 ブラウザは基本的にシングルスレッドモデルで動作します。レンダリング、JavaScriptの実行、CSSの解釈などページを表示するために必要な処理が1つのメインスレッドで行われます。 JavaScriptで重たい処理を行うと、他の処理が待たされUXが著しく悪化します。 今回はJavaScriptで重い処理をする必要がある状況を仮定し、それを改善する手法を実装して処理時間を計測しました。 Web Worker スクリプトの処理をメインスレッドとは別のスレッドに移し、バックグラウンドでの実行を可能にする仕組み。 これにより、重たい処理をメインスレッド外で処理する