Будет ли вызван Reflow при изменении размера элемента

Да, изменение размера элемента вызывает Reflow (пересчёт макета). Браузеру нужно пересчитать геометрию элемента и его соседей, чтобы обновить макет страницы.

Пример:

const element = document.getElementById('box');
element.style.width = '200px'; // Вызовет Reflow

Оптимизация:

1. Группируйте изменения DOM (используйте requestAnimationFrame или временно отключайте display: none).
2. Используйте CSS transforms (scale) для анимации размеров — они не вызывают Reflow.
3. Избегайте чтения layout-свойств (offsetWidth и т.д.) между изменениями.