В каком порядке браузер строит DOM и CSSOM?
В какой момент браузер получает HTML и как формируются DOM и CSSOM?
Специализация
Python Backend Developer
Java Backend Developer
Node.js Backend Developer
Golang Backend Developer
React Frontend Developer
Выберите навыки
React
JavaScript
Git
Redux
Webpack
Сложность
1-3
4-6
7-8
9-10
Рейтинг вопросов
1
2
3
4
5
Подпишись на React Developer в телеграм
Рейтинг:
4
Сложность:
7
DOM строится по мере парсинга HTML — потоково, сверху вниз. CSSOM строится после загрузки и парсинга CSS-файлов, которые браузер находит в HTML. Эти процессы могут идти параллельно: DOM продолжает строиться, пока качается CSS. Но для создания Render Tree и первой корректной отрисовки обычно нужен уже готовый CSSOM, поэтому стили считаются блокирующими рендер.
Рейтинг:
5
Сложность:
6
HTML браузер получает после выполнения HTTP-запроса к серверу. Сразу после получения он начинает парсинг документа. В процессе парсинга формируется DOM-дерево. Параллельно браузер загружает CSS и строит CSSOM. Эти структуры используются для дальнейшего рендеринга страницы.