Submitted by Vivek Jagtap (@vivekjagtap011) on Thursday, 15 June 2017
For example, you send analytics data when the user is scrolling the page, or you append elements to the DOM while they happen to be tapping on the button, your web page / app can become unresponsive, resulting in a poor user experience.
With requestIdleCallback, requestAnimationFrame and a scheduler, we wil see how to schedule or put less priority/non-essential tasks in queue, and execute them without getting in the user’s way.
We will also see, how to priotize tasks so that user does not feel the lag.
Will be showing first how webpage starts becoming unresponsive when DOM elements increases (e.g. placing thousands of markers on map), how other elements on page becomes unresponsive while scrolling, and how requestIdleCallback and requestAnimationFrame combined with technique called scheduler can help to avoid these hiccups.
Will be showing after using scheduler combined with requestIdleCallback and requestAnimationFrame, how user interctivity on page becomes smooth.
I work with Housing.com as part of Front End team.