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

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

Пример:

// Вызовет Reflow
element.style.padding = '20px';

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

• Используйте transform для анимаций, если возможно
• Группируйте изменения DOM (читайте свойства после всех изменений)
• Используйте requestAnimationFrame для массовых изменений

Reflow можно минимизировать, изменя свойства, которые не влияют на геометрию (например, color).