HTML Атрибут async

Логический атрибут async (от англ. "async" — «асинхронный») указывает, что скрипт выполняется асинхронно (только для внешних скриптов, которые загружаются с использованием атрибута src).
Это означает, что указанный в атрибуте src файл будет выполняться без ожидания загрузки и отображения веб-страницы. В то же время и веб-страница не ожидает результата выполнения скрипта, а продолжает загружаться как обычно.
При использовании нескольких скриптов, которые имеют атрибут async первым будет загружен тот, который имеет меньший размер.

Если задано сразу два атрибута — async и defer, то атрибут async игнорируется.

Синтаксис

<script async>...</script>

Значения

Данный атрибут является логическим атрибутом. Может указываться либо без значения, либо с пустым значением, либо со значением async.

Значение по умолчанию

По умолчанию этот атрибут выключен.

Применяется к тегам

В следующем примере приведен сценарий, который будет работать в асинхронном режиме:

<script src="demo_script.js" async></script>

В данном примере загружается содержимое страницы и одновременно выполняется внешний скрипт, который выводит сообщение через функцию alert(). Без атрибута async содержимое страницы не отображается, пока пользователь не закроет окно с сообщением.

Спецификации

Учебник HTML

HTML уроки: HTML Атрибуты