# Перерасчёт компоновки

URL: https://chugunov.pro/glossary/frontend/pereraschiot-komponovki/
Оригинальное название: reflow
Раздел: [Frontend](https://chugunov.pro/glossary/frontend/)
Обновлено: 28.07.2026.
Источник: глоссарий веб-разработки chugunov.pro.

## Коротко

Повторное вычисление размеров и положения элементов после изменения DOM, стилей или окна.

## Что такое «Перерасчёт компоновки»

Повторное вычисление размеров и положения элементов после изменения DOM, стилей или окна. Reflow затрагивает геометрию и потому вычислительно дорог, особенно на больших деревьях. Его вызывают изменения размеров, добавление элементов и чтение геометрических свойств вперемешку с записью. Минимизация reflow — важный приём оптимизации плавности интерфейса.

## Связанные термины

- [Компонент интерфейса](https://chugunov.pro/glossary/frontend/komponent-interfeisa/) — Самостоятельный повторно используемый фрагмент интерфейса со своей структурой, стилями, состоянием и поведением.
- [Изоляция компоновки](https://chugunov.pro/glossary/frontend/izoliatsiia-komponovki/) — CSS-механизм, ограничивающий влияние внутреннего содержимого элемента на размеры, стили или отрисовку остальной страницы.
- [Компоновка](https://chugunov.pro/glossary/frontend/komponovka/) — Рассчитанное расположение и размеры элементов страницы в доступном пространстве.
- [Пересчёт стилей](https://chugunov.pro/glossary/frontend/pereschiot-stilei/) — Повторное определение вычисленных CSS-значений после изменения классов, DOM, среды или таблиц стилей.
- [Перерисовка](https://chugunov.pro/glossary/frontend/pererisovka/) — Обновление визуального слоя элемента после изменения цвета, тени или другого свойства без обязательного пересчёта геометрии.
- [Свойство display](https://chugunov.pro/glossary/frontend/svoistvo-display/) — CSS-свойство, определяющее тип внешнего и внутреннего расположения элемента, например block, inline, flex или grid.
- [Shadow DOM](https://chugunov.pro/glossary/frontend/shadow-dom/) — Изолированное дерево DOM внутри веб-компонента, скрывающее внутреннюю разметку и ограничивающее влияние внешних стилей.
- [Адаптивный дизайн](https://chugunov.pro/glossary/frontend/adaptivnyi-dizain/) — Подход, при котором для заранее выбранных диапазонов экранов подготавливают несколько отдельных вариантов компоновки интерфейса.