В какой момент браузер получает HTML и как формируются DOM и CSSOM?

Question

HTML браузер получает после выполнения HTTP-запроса к серверу. Сразу после получения он начинает парсинг документа. В процессе парсинга формируется DOM-дерево. Параллельно браузер загружает CSS и строит CSSOM. Эти структуры используются для дальнейшего рендеринга страницы.

YeaHub · Accepted Answer

После установки сетевого соединения браузер начинает получать данные, из которых затем формируется визуальное представление страницы.Получение HTMLHTML приходит в ответ на HTTP-запрос. Браузер не ждет загрузки всего документа целиком, а начинает обрабатывать его по мере получения данных.Формирование DOMDOM создается в процессе парсинга HTML:HTML разбирается токен за токеном.Для каждого элемента создается узел DOM.Узлы связываются в древовидную структуру.DOM представляет логическую структуру документа и используется JavaScript для работы с элементами страницы.Формирование CSSOMCSSOM создается отдельно на основе CSS-файлов и inline-стилей:Браузер загружает все CSS-ресурсы.Каждый CSS-файл парсится в объектную модель.CSSOM описывает, какие стили применяются к каким элементам.Связь DOM и CSSOMDOM и CSSOM объединяются для построения render tree, которая используется при отрисовке страницы. Без CSSOM браузер не может корректно отобразить элементы, поэтому CSS блокирует рендеринг.ВыводHTML используется для построения DOM, CSS — для создания CSSOM. Эти структуры формируются на раннем этапе загрузки страницы и являются основой для дальнейшего рендеринга и работы JavaScript.