Что вызывает reflow и как избежать частых операций layout?

Layout пересчитывается при изменениях геометрии; особенно дороги чередующиеся DOM-записи и чтения размеров, вынуждающие синхронный пересчёт.

Сгруппируйте чтения перед записями, уменьшайте DOM и не измеряйте один элемент многократно без необходимости. Для анимации часто подходят transform/opacity вместо геометрических свойств, но эффект проверяют профилем. Виртуализация и CSS containment могут ограничить объём работы.