ブラウザのMain Threadは高コスト資源
मूल शीर्षक: The Browser's Main Thread Is Expensive
यह क्यों महत्वपूर्ण है
Main Threadの構造的理解は、インタラクティブなWebアプリのUX品質向上に直結する基礎知識である。
ブラウザのMain Threadはフロントエンド最適化において見落とされがちだが、インタラクションの多い画面では重大なボトルネックとなる。60Hzディスプレイでは約10ミリ秒のバジェットしかなく、Main Threadのブロックがジャンクを引き起こす。
ブラウザのMain Threadは、JavaScript実行、イベント処理、レンダリングパイプライン（スタイル計算、レイアウト、ペイント）のほぼすべてを担う。60Hzディスプレイでは1フレームあたり約16.6ms、実質的な処理予算は約10msしかない。120Hzでは半分になる。
Main Threadの最適化戦略として、記事は「高コスト資源を賢く使う」方法（Splitting・Batching・Prioritizing・Deferring）と「使わない」方法（Compositorへの移譲、Web Workerへのオフロード、処理自体の削除）を体系的に解説している。
ネットワーク削減やバンドル圧縮だけでは解決できない、スクロールのカクつきや入力遅延の根本原因がMain Threadにあることを示し、コードの速度ではなくMain Threadの占有が問題であると指摘している。