Каждый день мы открываем десятки сайтов, даже не задумываясь о том, какая колоссальная работа происходит за кулисами за долю секунды.
От нажатия клавиши «Enter» до появления картинки на экране проходит сложнейший процесс. Разбираем его по полочкам в 4 этапах 👇
1️⃣ Поиск адреса (DNS-запросы)
- Браузер разбивает URL на части: схему (
http/https), домен и путь.- Если IP-адреса нет в кэше браузера, ОС или роутера, отправляется запрос к DNS-серверам. Он проходит цепочку от корневого сервера до сервера имен, пока не найдет нужный IP-адрес (например,
8.9.0.1).2️⃣ Установка соединения
- Зная IP и порт (80 или 443), браузер устанавливает соединение с сервером через TCP 3-way handshake (SYN ➡️ SYN-ACK ➡️ ACK).
- Если сайт защищен (HTTPS), устанавливается SSL/TLS-соединение для шифрования данных.
3️⃣ Обмен данными (HTTP-запрос и ответ)
- Браузер отправляет HTTP-запрос (например,
GET http://google.com), передавая заголовки, файлы cookie и данные о вашем устройстве (User-Agent).- Сервер обрабатывает запрос и возвращает HTTP-ответ с кодом статуса (2xx — успех, 3xx — редирект, 4xx — ошибка клиента, 5xx — ошибка сервера) и запрошенным контентом.
4️⃣ Рендеринг страницы (Магия визуализации)
- Браузер получает HTML, CSS и JS и начинает собирать страницу.
- Из HTML строится DOM Tree, из CSS — CSSOM Tree. JavaScript оживляет страницу.
- На их основе создается Render Tree, происходит расчет макета (Layout) и отрисовка (Painting) пикселей на экране.
- Страница загружена! 🎉 А браузер уже кэширует ресурсы и управляет сессиями для вашего следующего визита.
Комментариев пока нет.