メインスレッドに譲る：setTimeout vs queueMicrotask vs scheduler.postTask | Joan León
TAG: ガイド
Joan Leónは、long task（50ms超）を小さなchunkに分割してInteraction to Next Paint（INP）を改善する3つのJavaScript yielding戦略を比較しています。`setTimeout(fn, 0)`はブラウザのrender後にmacrotaskをキューイングし、chunk間に真のrender機会を提供します。487msのブロッキング処理を~12msのchunk 24個に分割した場合のオーバーヘッドはわずか+44msです。`queueMicrotask()`は`setTimeout`より~235倍高速ですが、render前に実行されるためmain threadへのyieldにはならずINPを改善できず、無限microtaskループはブラウザを完全にフリーズさせるリスクがあります。`scheduler.postTask()`は3段階のpriority（`user-blocking`・`user-visible`・`background`）と`AbortSignal`ベースのキャンセルを提供しますが、2026年時点でFirefoxは開発中、Safariは未対応です。記事には意思決定ツリー、測定可能なベンチマーク、`setTimeout`へのfallback付き汎用`yieldToMain()`ヘルパーが含まれています。
メインスレッドに譲る：setTimeout vs queueMicrotask vs scheduler.postTask | Joan León
Joan Leónは、long task（50ms超）を小さなchunkに分割してInteraction to Next Paint（INP）を改善する3つのJavaScript yielding戦略を比較しています。`setTimeout(fn, 0)`はブラウザのrender後にmacrotaskをキューイングし、chunk間に真のrender機会を提供します。487msのブロッキング処理を~12msのchunk 24個に分割した場合のオーバーヘッドはわずか+44msです。`queueMicrotask()`は`setTimeout`より~235倍高速ですが、render前に実行されるためmain threadへのyieldにはならずINPを改善できず、無限microtaskループはブラウザを完全にフリーズさせるリスクがあります。`scheduler.postTask()`は3段階のpriority（`user-blocking`・`user-visible`・`background`）と`AbortSignal`ベースのキャンセルを提供しますが、2026年時点でFirefoxは開発中、Safariは未対応です。記事には意思決定ツリー、測定可能なベンチマーク、`setTimeout`へのfallback付き汎用`yieldToMain()`ヘルパーが含まれています。
