\n\n\n```\n\n`type=\"module\"` по умолчанию ведёт себя похоже на `defer`.\n\n## Итог\nНезависимые скрипты (метрики) часто `async`; код приложения с порядком зависимостей — `defer` или modules."}}}

Чем отличаются атрибуты `async` и `defer` у тега `script`?

HTML · junior · сложность 4

Войти, чтобы отмечать

Как это устроено

Оба позволяют загружать внешний скрипт параллельно с разбором HTML, но момент выполнения разный.

Сравнение

Без атрибутов — парсинг стопится: скачать → выполнить → продолжить HTML.
async — скачивается параллельно, выполняется сразу по готовности; порядок нескольких async не гарантирован.
defer — скачивается параллельно, выполняется после парсинга HTML, в порядке следования в документе.

<script src="lib.js"></script>
<script async src="analytics.js"></script>
<script defer src="app.js"></script>

type="module" по умолчанию ведёт себя похоже на defer.

Итог

Независимые скрипты (метрики) часто async; код приложения с порядком зависимостей — defer или modules.

Загрузка…