🌐 Что происходит, когда вы вводите 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. 🚀
Сохрани пост — на собеседовании этот вопрос вполне могут задать.
👉 Узнать подробности и записаться
Подписывайтесь и читайте нас везде:
⭕️Дзен
