Что происходит после формирования DOM

После формирования DOM (Document Object Model) браузер начинает процесс рендеринга:

1. Строится CSSOM (CSS Object Model) - анализируются все стили
2. Формируется Render Tree - комбинация DOM и CSSOM, исключая невидимые элементы (display: none)
3. Происходит Layout (Reflow) - вычисляются точные позиции и размеры всех элементов
4. Paint - отрисовываются пиксели на экране
5. Composite - слои объединяются в финальное изображение

Пример обработки:

document.addEventListener('DOMContentLoaded', () => {
  // DOM готов, но стили/изображения могут ещё грузиться
});

window.addEventListener('load', () => {
  // Все ресурсы загружены
});

Оптимизация важна на каждом этапе, особенно для сложных SPA.