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

Что делают атрибуты `defer` и `async` у тега `script`?

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

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

Формула

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

Поведение

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

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

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

Итог

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

Загрузка…