Что тяжелее Reflow или Repaint

Reflow (или Layout) тяжелее, чем Repaint, потому что включает в себя пересчет геометрии элементов (размеры, позиции), что вызывает каскадные изменения в DOM. Repaint же только перерисовывает пиксели без изменения структуры.

Пример:

// Вызовет reflow (изменение ширины) + repaint
element.style.width = '100px';

// Вызовет только repaint (изменение цвета)
element.style.color = 'red';

Оптимизация: минимизируйте reflow, группируя изменения DOM или используя requestAnimationFrame.