Сколько раз в один цикл Event Loop может произойти repaint

В одном цикле Event Loop может произойти только один repaint (перерисовка). Это происходит на этапе Update the Rendering, который выполняется после выполнения всех микрозадач (microtasks) и макрозадач (macrotasks).

Браузер старается оптимизировать производительность, группируя изменения DOM и стилей, поэтому даже если было несколько изменений, они будут объединены в одну перерисовку (если это возможно).

Пример:

// Изменения стилей будут объединены в один repaint
element.style.color = 'red';
element.style.backgroundColor = 'blue';

Исключение: если изменения происходят асинхронно (например, в разных requestAnimationFrame или setTimeout), то может быть несколько repaint'ов.