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

Ответ

При вводе URL в адресную строку браузера и нажатии Enter происходит последовательность шагов, направленная на получение и отображение веб-страницы:

Парсинг URL: Браузер разбирает введенный URL на компоненты: протокол (HTTP/HTTPS), доменное имя, порт (если указан), путь и параметры запроса.
Поиск в кэше: Браузер проверяет свой кэш (DNS-кэш, HTTP-кэш) на наличие запрошенных ресурсов. Если ресурс найден и актуален, он загружается из кэша, что ускоряет отображение страницы.
DNS-запрос: Если доменное имя не найдено в кэше, браузер отправляет DNS-запрос для преобразования доменного имени (например, example.com) в IP-адрес (например, 93.184.216.34). Этот процесс включает обращение к локальному DNS-резолверу, а затем, при необходимости, к корневым, TLD и авторитативным DNS-серверам.
Установление TCP-соединения: Получив IP-адрес сервера, браузер инициирует установление TCP-соединения с этим сервером на соответствующем порту (80 для HTTP, 443 для HTTPS) с помощью трехстороннего рукопожатия (three-way handshake).
- Для HTTPS также происходит TLS/SSL-рукопожатие для установления зашифрованного соединения, обеспечивающего безопасность данных.
Отправка HTTP-запроса: После установления соединения браузер формирует HTTP-запрос (обычно GET для получения страницы) с необходимыми заголовками (например, Host, User-Agent, Accept) и отправляет его на сервер.
```
GET /path/to/resource HTTP/1.1
Host: example.com
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7
```
Обработка запроса сервером: Сервер принимает запрос, обрабатывает его (например, выполняет логику приложения, запрашивает данные из базы данных) и формирует HTTP-ответ.
Получение HTTP-ответа: Браузер получает HTTP-ответ от сервера, который включает статус-код (например, 200 OK, 404 Not Found), заголовки (например, Content-Type, Content-Length) и тело ответа (HTML-документ, CSS, JavaScript, изображения).
```
HTTP/1.1 200 OK
Content-Type: text/html; charset=UTF-8
Content-Length: 12345
Date: Thu, 01 Jan 1970 00:00:00 GMT

<!DOCTYPE html>
<html>
<head>...</head>
<body>...</body>
</html>
```
Рендеринг страницы: Браузер начинает парсить полученный HTML, строит DOM-дерево, запрашивает дополнительные ресурсы (CSS, JavaScript, изображения), строит CSSOM-дерево, объединяет их в Render Tree и отображает страницу на экране, постепенно отрисовывая контент.