Обычный <script> останавливает разбор HTML до загрузки и выполнения. defer — загрузка параллельно, выполнение после разбора HTML, по порядку подключения. async — загрузка параллельно, выполнение сразу по готовности, в произвольном порядке.
А ещё Скрипты в конце body — старый способ добиться того же
Так подсказку видит пользователь sotto на живом собеседовании — за пару секунд, пока вы думаете вслух.
| загрузка | выполнение | порядок | |
|---|---|---|---|
| без атрибута | блокирует парсер | сразу | по порядку |
| defer | параллельно | после разбора, до DOMContentLoaded | по порядку |
| async | параллельно | как загрузится, прерывая разбор | любой |
Почему это важно. Синхронный скрипт в head задерживает первую отрисовку на время сетевого запроса. defer позволяет браузеру продолжать строить DOM.
Модули (type="module") отложены по умолчанию, поддерживают import; с async выполняются по готовности.
Связанные приёмы: <link rel="preload"> для критичных ресурсов, preconnect к сторонним доменам, разделение бандла на части и ленивая загрузка через import().
sotto слышит вопрос интервьюера и показывает короткий ответ и план, как в блоке «Коротко». Оставьте контакт — пришлём доступ и промокод.
sotto