Что делает браузер, когда встречает тег script? Как это влияет на загрузку страницы?

Когда браузер встречает тег <script>, он останавливает парсинг HTML и начинает загружать и выполнять скрипт. Это блокирует дальнейшую загрузку и отображение страницы, что может замедлить рендеринг.

Если <script> без атрибутов async или defer, браузер:

1. Загружает скрипт (если он внешний).
2. Выполняет скрипт.
3. Продолжает парсинг HTML.

Атрибуты async и defer позволяют избежать блокировки:

• async загружает скрипт параллельно, но выполняет его сразу после загрузки, прерывая парсинг.
• defer загружает скрипт параллельно, но выполняет его после полного парсинга HTML.

Использование defer обычно предпочтительно для скриптов, которые не влияют на структуру страницы, чтобы ускорить загрузку и рендеринг.