Привет, у меня есть вопрос о принципе браузерной визуализации DOM. Насколько я знаю, браузер отображает проанализированный DOM на экране, когда встречает блокирующий ресурс. Как только блокирующий элемент обработан, html анализатор анализирует остальную часть кода. После завершения анализа он выводится на экран.
Позвольте мне показать его с моим кодом.
Код
// index.html
<html>
<body>
<div>Hi</div>
<script type="text/javascript" src="./script.js"></script>
<div>Bye</div>
</body>
</html>
// script.js
const now = new Date();
while (new Date() - now < 5000);
Результат
Работает хорошо, как и ожидалось. Вопрос в этом. Рендерится ли вся страница (Hi и Bye все вместе) снова после тега script? или просто Bye прикрепляется после Hi?