Эффективное выполнение нескольких обновлений DOM с помощью JavaScript

У меня есть сайт HTML / JS с несколькими сотнями элементов div. Несколько десятков этих элементов должны обновляться быстро (до 250 раз в секунду) за один раз (то есть все они должны обновляться сразу, без необходимости выполнять ненужную работу в браузере, выполняя обновления один за другим). один). Какой самый эффективный способ (минимизация нагрузки на процессор и потребление памяти) сделать это, поддерживая современные браузеры, чтобы достичь этого с чистым JavaScript или с простой библиотекой (без использованияреагировать или подобная библиотека, требующая, чтобы я изменил код вне обработки DOM)? Я ищу что-то вроде этого (где imaginaryLibrary - библиотека, неизвестная мне, которую я ищу):

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();

Родительский элемент элементов для обновления содержит тысячи элементов, которые не должны обновляться.

Ответы на вопрос(4)

Ваш ответ на вопрос