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

Браузер разбирает HTML и CSS, строит структуры документа и стилей, вычисляет геометрию, рисует содержимое и объединяет слои.

DOM строится постепенно; загрузка ресурсов и JavaScript могут влиять на разбор и отображение. После расчёта стилей выполняются layout, paint и compositing по мере необходимости. Изменение страницы не всегда повторяет весь цикл: некоторые изменения обрабатываются без нового layout.