Что происходит при запросе в браузере?

DOM и браузер

При запросе в браузере происходит цепочка шагов: от разрешения доменного имени до отрисовки страницы. Понимание этого процесса — классический вопрос про «что происходит при вводе URL».

Основные этапы

DNS-резолвинг — доменное имя превращается в IP-адрес.
TCP-соединение — устанавливается соединение (three-way handshake), при HTTPS — ещё TLS-рукопожатие.
HTTP-запрос — браузер отправляет запрос (метод, путь, заголовки, cookie).
Обработка на сервере — сервер формирует ответ (HTML или данные).
HTTP-ответ — статус, заголовки, тело.
Парсинг и рендеринг — браузер строит DOM и CSSOM, дозагружает ресурсы (CSS, JS, картинки), формирует render tree, делает layout и paint.

Рендеринг подробнее

HTML → DOM
CSS  → CSSOM
DOM + CSSOM → Render Tree → Layout (reflow) → Paint → Composite

JavaScript может блокировать парсинг (если без async/defer).

Детали

Браузер кеширует ресурсы и DNS.
Критический путь рендеринга влияет на скорость первого показа.

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

DNS → TCP/TLS → HTTP-запрос → ответ сервера → построение DOM/CSSOM → Render Tree → Layout → Paint. JS без defer/async блокирует парсинг. Знание этапов помогает оптимизировать загрузку.