Как обработва браузърът уеб страницата?

URL анализ: Браузърът анализира URL, за да определи протокола, домейн името и пътя към ресурса.
DNS заявка: Ако домейн името все още не е в локалната кеш памет, браузърът изпраща DNS заявка за получаване на IP адреса на сървъра.
Установяване на TCP връзка: Браузърът установява TCP връзка със сървъра, използвайки получения IP адрес.
HTTP заявка: Браузърът изпраща HTTP заявка към сървъра, като иска желаната уеб страница.
Получаване на HTTP отговор: Сървърът обработва заявката и изпраща HTTP отговор, съдържащ HTML код, CSS, JavaScript и други ресурси.
Анализ на HTML: Браузърът започва да анализира получен HTML, създавайки DOM (Document Object Model) дърво.
Зареждане на ресурси: По време на анализа на HTML, браузърът открива връзки към други ресурси (CSS, JS, изображения) и започва да ги зарежда, често паралелно.
Анализ на CSS: Браузърът анализира CSS и създава CSSOM (CSS Object Model) дърво.
Изграждане на дървото за рендиране (Render Tree): Комбинирайки DOM и CSSOM, браузърът създава дърво за рендиране, което съдържа само видимите възли и техните стилове.
Разположение (Layout): Браузърът изчислява геометричните размери и позицията на всеки елемент на страницата.
Рисуване (Painting): Браузърът рисува пиксели за всеки елемент на екрана въз основа на дървото за рендиране и резултатите от разположението.
Композиция (Compositing): Ако страницата съдържа слоеве (например, поради CSS свойства като transform или opacity), браузърът ги обединява, за да покаже крайното изображение.
Обработка на JavaScript: При откриване на тагове <script> или inline скриптове, браузърът анализира, компилира и изпълнява JavaScript. JavaScript може да променя DOM, CSSOM и да влияе на етапите на разположение и рисуване, което може да доведе до повторение на тези стъпки.