Что такое forced reflow?

Senior
113 просмотров
AFK Offer AI

Forced reflow (синхронный layout) — браузер вынужден пересчитать layout при чтении layout-зависимых свойств после DOM изменений. Свойства-триггеры: offsetTop, offsetHeight, clientWidth, scrollTop, getComputedStyle(), getBoundingClientRect(). Если до чтения был изменён DOM — браузер ОБЯЗАН пересчитать layout прямо сейчас. Дорогая операция. Решение: группируй чтения отдельно от записей. requestAnimationFrame для записей. Избегай чтения layout свойств в циклах. CSS transforms не вызывают reflow.

Следующий вопрос

Как работает ключевое слово infer?