Что происходит в браузере с момента ввода URL до отображения страницы?

Процесс загрузки страницы состоит из нескольких этапов.

1. Разбор URL

Браузер определяет:

• протокол

• домен

• путь

2. DNS-запрос

Происходит получение IP-адреса домена.

3. Установка соединения

Обычно выполняется:

• TCP handshake

• TLS handshake (если HTTPS)

4. HTTP-запрос

Браузер отправляет запрос на сервер.

5. Получение HTML

Браузер начинает парсить HTML по мере загрузки.

6. Построение структур

Создаются:

• DOM tree

• CSSOM

• Render tree

7. Layout и Paint

Происходит:

• расчет размеров (layout)

• отрисовка (paint)

Пример влияния JS

Если в HTML встречается:

<script src="app.js"></script>

Парсинг может быть остановлен до выполнения скрипта.

Вывод

Знание этапов загрузки страницы помогает оптимизировать производительность и понимать причины задержек.