Что происходит после получения браузером HTML-страницы

Браузер парсит HTML и строит DOM (Document Object Model) - древовидную структуру документа. Параллельно обрабатываются CSS, создавая CSSOM (CSS Object Model). Затем DOM и CSSOM объединяются в Render Tree, который содержит только видимые элементы с их стилями. Далее происходит: 1. Layout (reflow) - вычисление позиций и размеров элементов 2. Paint - отрисовка пикселей 3. Composite - композиция слоев (если нужно) Пример обработки: ```html ``` 1. DOM: создается узел div 2. CSSOM: добавляется стиль color:red 3. Render Tree: объединяет div с его стилем 4. Отображается красный текст "Hello" Оптимизация важна на каждом этапе, особенно для сложных страниц.