Tengo un sitio web HTML / JS con varios cientos de elementos div. Algunas docenas de estos elementos deben actualizarse de manera rápida (hasta 250 veces por segundo) al mismo tiempo (es decir, todos deben actualizarse a la vez, sin que el navegador realice un trabajo innecesario realizando las actualizaciones una por una) uno). ¿Cuál es la forma más eficaz (minimizando la carga de la CPU y el consumo de memoria) para hacer esto con los navegadores modernos para lograr esto con JavaScript puro o con una biblioteca simple (sin usarReaccionar o una biblioteca similar que me requiera modificar el código más allá del manejo del DOM)? Estoy buscando algo como esto (donde imaginaryLibrary es la biblioteca desconocida para mí, que estoy buscando):

var i, element;
for(i = 0; i < 20; i++){
    element = document.getElementById('el' + i);
    imaginaryLibrary.collectDomUpdate(element, cssClass, 'updatedCssClass');
}
//executes DOM updates collected in loop before and applies the DOM updates in one reflow
imaginaryLibrary.applyUpdates();

El elemento padre de los elementos a actualizar contiene miles de elementos, que no deben actualizarse.