Перейти к содержимому

Атрибут async в HTML

Атрибут async является булевым и указывает, что скрипт будет выполнен асинхронно, как только он станет доступен. Он работает только для внешних скриптов и должен использоваться только при наличии атрибута src.

Вы можете использовать атрибут async на элементе <script>.

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

  • Если указан async, скрипт будет выполнен асинхронно, пока страница продолжает парсинг.
  • Если async отсутствует, но указан defer, скрипт будет выполнен после завершения парсинга страницы.
  • Если не указан ни async, ни defer, скрипт будет выполнен немедленно, прежде чем браузер продолжит парсинг.

Синтаксис

html
<script src="example.js" async></script>

Пример использования атрибута async в HTML:

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <script src="example.js" async></script>
    <noscript>Sorry, your browser does not support JavaScript!</noscript>
  </head>
  <body>
    <h1>Example</h1>
    <p>
      A browser that doesn’t support JavaScript will display the content inside the noscript element.
    </p>
    <script>
      document.write("My first JavaScript example!")
    </script>
  </body>
</html>

Практика

Какова функция атрибута 'async' в HTML?

Считаете ли это полезным?

Предпросмотр dual-run — сравните с маршрутами Symfony на продакшене.