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

Question

После ввода URL браузер делает DNS-запрос, устанавливает соединение с сервером и отправляет HTTP-запрос. Сервер возвращает HTML, затем браузер загружает CSS, JS и изображения. После этого строятся DOM и CSSOM, создается render tree и происходит рендеринг страницы.

YeaHub · Accepted Answer

Процесс загрузки страницы состоит из нескольких этапов.1. Разбор URLБраузер определяет:протоколдоменпуть2. DNS-запросПроисходит получение IP-адреса домена.3. Установка соединенияОбычно выполняется:TCP handshakeTLS handshake (если HTTPS)4. HTTP-запросБраузер отправляет запрос на сервер.5. Получение HTMLБраузер начинает парсить HTML по мере загрузки.6. Построение структурСоздаются:DOM treeCSSOMRender tree7. Layout и PaintПроисходит:расчет размеров (layout)отрисовка (paint)Пример влияния JSЕсли в HTML встречается: Парсинг может быть остановлен до выполнения скрипта.ВыводЗнание этапов загрузки страницы помогает оптимизировать производительность и понимать причины задержек.