Принудительная перекомпоновка

Коннор Кларк
Connor Clark

Опубликовано: 8 октября 2025 г.

Принудительная перекомпоновка происходит, когда JavaScript запрашивает геометрические свойства (например, offsetWidth ) после того, как стили стали недействительными из-за изменения состояния DOM. Это заставляет браузер немедленно перекомпоновать макет, что прерывает выполнение скрипта и приводит к снижению производительности.

Пример кода, вызывающего принудительную перекомпоновку:

Многочисленные принудительные перекомпоновки, выполняемые быстро друг за другом, называются «пробуксовкой макета» .

Как передать это понимание

  • Избегайте или, по крайней мере, сокращайте объем записей геометрии DOM, выполняемых непосредственно перед чтением.
  • Не допускайте принудительных перекомпоновок, которые занимают более 30 миллисекунд.

Дополнительные ссылки