Какие причины reflow? Как можно уменьшить reflow?

Причины reflow:

• изменение шаблона (геометрия страницы)
• изменения размера окна
• изменения высоты\ширины любого элемента
• изменение шрифта
• перемещение элемента (анимация)
• удаление или добавление стиля
• калькуляции смещения по высоте или по ширине
• display: none

Как этого избежать:

• не устанавливайте стили внутри элементов
• применяйте анимацию к элементам, которые отпозиционированы fixed или absolute
• избегайте таблиц