Что делает браузер при получении HTML?

Получив HTML, браузер разбирает его и проходит критический путь отрисовки: от байтов до пикселей.

Шаги

1. Парсинг HTML → DOM. Байты декодируются, разбиваются на токены, строится дерево узлов.
2. Загрузка ресурсов. Встретив <link>, <img>, <script>, браузер запрашивает их (preload scanner делает это заранее).
3. CSS → CSSOM. Стили разбираются в отдельное дерево; CSS блокирует отрисовку.
4. Скрипты. Обычный <script> останавливает парсинг до загрузки и выполнения; defer и async — нет.
5. Render tree. DOM + CSSOM → только видимые элементы с вычисленными стилями.
6. Layout. Расчёт размеров и позиций.
7. Paint и Composite. Отрисовка в слои и их сборка на экране.

Затем срабатывают события DOMContentLoaded (DOM готов) и load (загрузились все ресурсы).

<head>
  <link rel="stylesheet" href="app.css" />
  <script src="app.js" defer></script>
</head>

Коротко для собеседования

HTML → DOM, CSS → CSSOM, скрипты могут блокировать парсинг; из DOM и CSSOM строится render tree, затем layout, paint и composite.

Подробнее: MDN — Как работают браузеры