Браузерный движок (Browser Engine) в современных веб-браузерах функционирует как посредник между пользовательским интерфейсом и движком рендеринга. 1 Он делает запрос и управляет механизмом рендеринга на основе взаимодействия с пользователем. 2

Рендеринговый движок (Rendering Engine) отвечает за отображение веб-страницы на странице браузера. 2 Он преобразует код в визуальное представление, беря сырой HTML, CSS и JavaScript и превращая их в страницу, которую можно увидеть и с которой можно взаимодействовать. 3

Работа рендерингового движка включает несколько этапов: 3

1. Парсинг HTML. 3 Движок читает HTML-код и создаёт на его основе DOM-дерево. 3
2. Парсинг CSS. 3 Затем он анализирует CSS-код, чтобы понять, как должны выглядеть элементы на странице, создавая CSSOM-дерево. 3
3. Создание Render Tree. 3 После этого рендеринговый движок объединяет DOM и CSSOM в Render Tree, чтобы точно знать, что и где должно быть на странице. 3
4. Компоновка (Layout). 3 Движок вычисляет точное положение и размер каждого объекта. 3
5. Отрисовка (Painting). 3 Наконец, рендеринговый движок «рисует» все элементы на экране, используя данные из Render Tree. 3

У каждого браузера свой уникальный рендеринговый движок, который может отличаться для разных версий браузера. 1