Scheduling background tasks in JavaScript to boost performance and DOM interactivity at large scale.

" summary

Covers techniques for scheduling lower-priority JavaScript work (analytics sends, DOM appends, etc.) so it doesn’t block the single-threaded UI, using requestIdleCallback, requestAnimationFrame and a scheduler. Shows how to queue non-essential tasks and prioritize them to maintain DOM interactivity and avoid perceived lag.

AI-written summary · about

" related talks

• 37mRuntime Scheduling on the WebShubhie Panicker · #PerfMatters Conference 2019
• 27mDon't block the event loop!JavaScript Async for Effortless UXJaeseok Kang · JSConf Korea 2019
• 33mA Quest to Guarantee Responsiveness: Scheduling On and Off the Main ThreadJason Miller, Shubhie Panicker · Chrome Dev Summit 2018
• 27mDeep diving on Concurrent ReactMatheus Albuquerque · React Advanced 2022
• 59mWeb performance APIs you (probably) didn't know existedMatheus Albuquerque · NDC Oslo 2022
• 34mJavaScript Concurrency and the DOMMalte Ubl, Kristofer Baxter · JSConf US 2018
• 35mIn the loopJake Archibald · JSConf.Asia 2018
• 40mHow to Improve JavaScript PerformanceIsabel Cabezas · JSDayES 2015