Small script to optimize concurrency in browsers, ideal for handling concurrent animations between 55fps to 60fps

concurrent-task-optimization.js

let task = [];
let inLoop;
let loopTask = () => {
    let currentTask = task;
    task = [];
    let fn;
    let start = performance.now();
    while ((fn = currentTask.pop())) {
        
        let now = performance.now();
        if (now - start < 8) {
            fn();
        } else {
            task = currentTask.concat(task);
            break;
        }
    }
    if (task.length) {
        setTimeout(loopTask);
    } else {
        inLoop = false;
    }
};

let addTask = (fn) => {
    if (!task.includes(fn)) {
        task.push(fn);
    }
    if (!inLoop) {
        inLoop = true;
        Promise.resolve().then(loopTask);
    }
};