Kaip naršyklė atvaizduoja puslapį? Kas vyksta po HTML gavimo?

После получения HTML браузер начинает процесс рендеринга страницы:

1. Парсинг HTML — браузер строит DOM-дерево (Document Object Model).
2. Парсинг CSS — строится CSSOM (CSS Object Model).
3. Построение Render Tree — объединение DOM и CSSOM в дерево, которое содержит только видимые элементы с их стилями.
4. Layout (Reflow) — вычисление размеров и позиций элементов на странице.
5. Painting — отрисовка пикселей на экране.

Если в HTML есть ссылки на внешние ресурсы (CSS, JS, изображения), браузер загружает их параллельно. Скрипты могут блокировать парсинг HTML, если они не асинхронные.

Таким образом, после получения HTML начинается последовательный процесс преобразования кода в визуальное представление страницы.