Что именно происходит от ввода URL-адреса до полностью интерактивной веб-страницы в современных браузерах? ⇐ Javascript

[Anonymous]

Когда пользователь вводит URL-адрес в современный браузер и нажимает Enter, каковы полные технические шаги, которые необходимо выполнить, прежде чем страница станет полностью интерактивной?
Мне нужно подробное и комплексное объяснение, охватывающее внутренние компоненты браузера, работу в сети, безопасность, рендеринг и выполнение JavaScript. Сюда входят (но не ограничиваются): анализ URL-адресов, поиск в кеше, разрешение DNS, соединения TCP/QUIC, рукопожатия TLS, поведение HTTP/1.1 по сравнению с HTTP/2 по сравнению с HTTP/3, участие CDN и балансировщика нагрузки, обработка ответов сервера, анализ HTML, построение CSSOM и DOM, создание дерева рендеринга, макет, рисование, компоновка, выполнение JavaScript, цикл событий, микрозадачи/макрозадачи, гидратация в современных средах и такие показатели производительности, как TTFB и LCP.
Предположим, современное производственное веб-приложение использует HTTPS, CDN и платформу JavaScript. Меня особенно интересует, как взаимодействуют эти системы, что происходит параллельно, а что последовательно и какие этапы чаще всего влияют на производительность и надежность.

Подробнее здесь: https://stackoverflow.com/questions/798 ... -modern-br