Представьте себе курсор, перемещающийся по документу HTML сверху вниз.На каждом элементе, на котором находится курсор, он разрешает элемент / изображение.Когда изображение встречается, загрузка изображения начинается, и курсор перемещается, изображение не нужно загружать для продолжения средства визуализации.
Как только курсор достигает тега сценария, он сначала загружает этот сценарийи затем выполняет его, прежде чем перейти к следующему элементу.Он в основном считает, что тег сценария имеет высокий приоритет, и будет продолжаться только после полного разрешения сценария;загрузка, оценка и выполнение.
Таким образом, любой HTML-код (изображение или что-то другое), который появляется после того, как тег сценария удерживается.
Это то, что подразумевается под блокировкой JS и происходит, когда сценариивставляется с использованием обычного HTML.
Этого можно избежать, вставляя сценарии с использованием JavaScript, поскольку, хотя вы создаете элементы HTML и добавляете их в DOM, он не прерывает курсор рендеринга HTML, поскольку это совсем другой процесс.