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

В чём разница между `defer` и `async` у `<script>`?

HTML · middle · сложность 5

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

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

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

Сравнение

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

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

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

Итог

Зависимый код приложения — defer/module; независимая метрика — часто async.

Загрузка…