Какие механизмы происходят при получении web-страницы

«Какие механизмы происходят при получении web-страницы» — вопрос из категории Архитектура, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Когда браузер получает веб-страницу, происходит несколько ключевых этапов:

  1. DNS-запрос – преобразование домена в IP-адрес сервера.
  2. Установка TCP-соединения – "рукопожатие" с сервером.
  3. HTTP-запрос – браузер отправляет GET-запрос.
  4. Обработка на сервере – сервер генерирует ответ (HTML, CSS, JS).
  5. Рендеринг – браузер парсит HTML, строит DOM, затем CSSOM, объединяет их в Render Tree, вычисляет layout и отрисовывает пиксели.

Пример минимального HTTP-ответа:

HTTP/1.1 200 OK
Content-Type: text/html

<!DOCTYPE html>
<html>
  <head><title>Test</title></head>
  <body>Hello</body>
</html>

После загрузки HTML браузер параллельно запрашивает связанные ресурсы (CSS, JS, изображения) и выполняет JavaScript.