🌐 Что происходит, когда вы вводите URL в браузере?

Это не просто «открылась страница».

За несколько секунд браузер проходит целую цепочку процессов — и QA важно понимать каждый из них, потому что ошибка может возникнуть на любом этапе.

📌 7 этапов загрузки страницы:

1️⃣ DNS-запрос
Браузер должен узнать IP-адрес сервера.
Сначала проверяются кэши, затем запрос может уйти к DNS-серверу провайдера и далее по DNS-иерархии.

2️⃣ TCP-соединение
Устанавливается соединение между клиентом и сервером.
Классическое тройное рукопожатие:
SYN → SYN-ACK → ACK

3️⃣ TLS-рукопожатие 🔐
Если используется HTTPS, браузер и сервер договариваются о шифровании и проверяют сертификат.

4️⃣ HTTP-запрос
Браузер отправляет запрос серверу:
GET /login
В запросе могут находиться заголовки, Cookies, параметры, токены и другие данные.

5️⃣ Ответ сервера
Сервер возвращает:
Status Code: 200 / 404 / 500
Headers: заголовки ответа
Body: HTML, JSON и другие данные.

6️⃣ Рендеринг страницы 🎨
Браузер обрабатывает HTML и CSS, строит DOM и CSSOM, формирует структуру страницы и отрисовывает её на экране.

7️⃣ JavaScript ⚡️
Выполняются скрипты: обрабатываются события, изменяется DOM, отправляются дополнительные запросы к API и загружаются данные.

💡 А зачем всё это знать тестировщику?
Потому что когда пользователь говорит:
«Страница не работает»
QA должен понять — а где именно проблема?
❌ DNS?
❌ Сеть?
❌ TLS?
❌ HTTP-запрос?
❌ API?
❌ Сервер вернул 500?
❌ JavaScript упал с ошибкой?
❌ Проблема только в UI?

Понимание этого процесса помогает:
🔹 писать более точные баг-репорты
🔹 быстрее локализовать проблемы
🔹 эффективно использовать DevTools
🔹 понимать, когда проверять UI, API или сеть
🔹 разговаривать с разработчиками на одном языке

Именно поэтому знание того, что происходит после ввода URL, — одна из базовых вещей для QA. 🚀

Сохрани пост — на собеседовании этот вопрос вполне могут задать.

👉 Узнать подробности и записаться

Подписывайтесь и читайте нас везде:
📱 Telegram группа
📱 VK сообщество
⭕️Дзен