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

Когда пользователь вводит URL в браузере:

1. DNS-запрос – браузер ищет IP-адрес сервера по доменному имени.
2. Установка соединения – через TCP/IP (с TLS для HTTPS).
3. HTTP-запрос – браузер отправляет GET-запрос на сервер.
4. Обработка сервером – сервер генерирует ответ (HTML, CSS, JS, изображения и т.д.).
5. Рендеринг:
   • Парсинг HTML → построение DOM.
   • Парсинг CSS → построение CSSOM.
   • Объединение DOM и CSSOM → Render Tree.
   • Layout → расчёт позиций элементов.
   • Painting → отрисовка пикселей.
6. Исполнение JavaScript – если есть скрипты, они выполняются, возможно, изменяя DOM/CSSOM, что приводит к повторному рендеру.

Пример запроса:

fetch('https://example.com/data.json')
  .then(response => response.json())
  .then(data => console.log(data));