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

Question

После получения HTML браузер начинает его разбирать и строить DOM. По ходу парсинга он находит ресурсы (CSS, JS, изображения, шрифты) и запускает их загрузку. Когда CSS загружен и распарсен, строится CSSOM, затем из DOM + CSSOM собирается дерево рендеринга. Дальше браузер рассчитывает размеры и позиции элементов (layout) и рисует их (paint), а затем может “склеивать” слои (composite). Скрипты и стили могут блокировать некоторые шаги, из-за чего первая отрисовка откладывается.

YeaHub · Accepted Answer

После того как браузер получил HTML, он проходит несколько стадий, и часть из них идёт параллельно.1) Разбор HTML и построение DOMБраузер читает HTML потоково и строит дерево узлов.Что делает: токенизация → парсинг → создание DOM.Побочный эффект: по мере чтения HTML браузер “находит” внешние ресурсы: Вывод: после получения HTML браузер строит DOM, загружает и парсит CSS в CSSOM, собирает Render Tree, делает layout, затем paint/composite. Понимание этих стадий помогает объяснять “почему страница медленно показывает контент”.