Optimize long tasks | Articles | web.dev

Optimize long tasks Stay organized with collections Save and categorize content based on your preferences. You've been told "don't block the main thread" and "break up your long tasks", but what does it mean to do those things? Common advice for keeping JavaScript apps fast tends to boil down to the following advice: "Don't block the main thread." "Break up your long tasks." This is great advice,

[reboot_in]

“Use isInputPending() to yield to the main thread when the user is trying to interact with the page.Prioritize tasks with postTask().Finally, do as little work as possible in your functions.”

[latena]

setTimeout(), navigator.scheduling.isInputPending() https://caniuse.com/mdn-api_scheduling_isinputpending, scheduler.postTask() https://caniuse.com/mdn-api_scheduler_posttask

[efcl]

50ms以上かかるlong tasksを分解し、ユーザーの入力を表示を妨げないように最適化する方法についての記事。 タスクの分解と`navigator.scheduling.isInputPending()`での実行タイミングの判定、`schedulerpostTask` APIについて