Атрибут async HTML тега <script>

Значение и применение

При использовании внешнего скрипта, браузер будет ожидать его выполнения, а уже после этого отобразит ту часть документа, которая находится под ним (по умолчанию).

Логический атрибут async (HTML тега <script>) указывает, что скрипт выполняется асинхронно (только для внешних скриптов, которые загружаются с использованием атрибута src).

При использовании нескольких скриптов, которые имеют атрибут async первым будет загружен тот, который имеет меньший размер.

Чтобы скрипт выполнился только тогда, когда страница загрузится полностью необходимо использовать атрибут defer. При этом если используется нескольких скриптов, которые имеют атрибут defer первым будет загружен тот, который был раньше указан (независимо от его размера), а затем браузер перейдет уже к загрузке второго, и так далее.

Обращаю Ваше внимание, что браузер Internet Explorer поддерживает этот атрибут только с версии 10.0.

Не используйте одновременно атрибут async и defer, современные браузеры в этом случае будут использовать только async.

Поддержка браузерами

Атрибут	Chrome	Firefox	Opera	Safari	IExplorer	Edge
async	Да	Да	Да	Да	10.0	12.0

Синтаксис:

<script async>

Значения атрибута

Отличия HTML 4.01 от HTML 5

Пример использования

 <!-- атрибутом src  указываем относительный путь к файлу со скриптом (файл в той же папке, что и документ),
и атрибутом async указываем, что скрипт выполнится асинхронно -->
<script src = "myscript.js" async>
// здесь не должно быть какой-либо информации
</script>

Пример использования нескольких скриптов, которые имеют атрибут async:

<script src = "myscript1.js" async> // будет загружен первым тот, чей размер меньше
<script src = "myscript2.js" async>