Ich habe eine HTML / JS-Website mit mehreren hundert div-Elementen. Einige Dutzend dieser Elemente sollten schnell aktualisiert werden (bis zu 250 Mal pro Sekunde) (dh alle sollten gleichzeitig aktualisiert werden, ohne dass der Browser unnötige Arbeit leistet, indem er die Aktualisierungen einzeln durchführt). einer). Was ist die performanteste Methode (Minimierung der CPU-Auslastung und des Speicherverbrauchs), um dies mit modernen Browsern zu erreichen, und zwar mit reinem JavaScript oder mit einer einfachen Bibliothek (ohne Verwendung von @Reagiere oder eine ähnliche Bibliothek, bei der ich den Code über die DOM-Behandlung hinaus ändern muss)? Ich suche so etwas (wobei imaginaryLibrary die mir unbekannte Bibliothek ist, nach der ich suche):

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

Das übergeordnete Element der zu aktualisierenden Elemente enthält Tausende von Elementen, die nicht aktualisiert werden sollten.