Что происходит при открытии страницы в браузере

1. **DNS-запрос**: Браузер ищет IP-адрес сервера по доменному имени. 2. **TCP-соединение**: Устанавливается соединение с сервером (3-way handshake). 3. **HTTPS/TLS-рукопожатие** (если HTTPS): Шифрование данных. 4. **Запрос страницы**: Браузер отправляет HTTP-запрос (GET /). 5. **Ответ сервера**: Сервер возвращает HTML, статус-код (200, 404 и т.д.). 6. **Парсинг HTML**: Браузер строит DOM-дерево. 7. **Загрузка ресурсов**: CSS, JS, изображения (параллельно, если нет блокировки). 8. **Парсинг CSS**: Формируется CSSOM. 9. **Создание Render Tree**: Комбинация DOM и CSSOM. 10. **Layout (Reflow)**: Расчет позиций и размеров элементов. 11. **Painting**: Отрисовка пикселей на экране. 12. **Выполнение JS**: Интерпретация и выполнение скриптов (может блокировать рендеринг). Пример блокировки рендеринга JS: ```html ```