Async = "async" атрибут тега <script> в html, что это значит?

Ответ 1

Если атрибут async установлен на внешний script (один с src=), браузеры, которые его поддерживают, загружают этот script в фоновом режиме, не блокируя остальную часть содержимого на странице. script будет выполняться всякий раз, когда будет завершена загрузка.

http://dev.w3.org/html5/spec/Overview.html#attr-script-async

Как я уже упоминал в комментарии, установка async = true, async = false или async = все означает одно и то же. Они позволяют асинхронное поведение. Единственный способ сделать не-async script - полностью опустить атрибут.

http://dev.w3.org/html5/spec/Overview.html#boolean-attributes

Ответ 2

В XHTML необходимо учитывать атрибуты как атрибуты и их значения, а HTML - нет. Мне нравится соответствие этого принципа, поэтому я всегда использую его в форме:

async="async"

Таким образом, я могу обслуживать свои документы как application/xhtml + xml.

Если это вас не интересует, потому что вы считаете, что обслуживание вашего документа как text/html достаточно хорошее, вы всегда можете использовать:

async

Ответ 3

Кажется, что он не должен быть async=async, но просто async

Из google:

Второй способ - использовать атрибут где соответствующий, что предотвращает синтаксический анализ от блокировки начальной страницы загрузить, отложив его до тех пор, пока поток пользовательского интерфейса браузера не будет занят что-то еще.

https://developers.google.com/speed/docs/best-practices/mobile#DeferParsingJS

Ответ 4

Это просто означает

• Загрузите Внешний Script асинхронно (или параллельно), не блокируя разбор html.
• Script после загрузки будет Выполнено немедленно, блокируя разбор html.

Вот хорошая иллюстрация.

Примечание. Этот атрибут работает только для внешних скриптов (с атрибутом src), а не для встроенных скриптов.

Ответ 5

Просто как можно скорее.

Вы можете попробовать оба, а затем измерить разницу в скорости страницы. Как crictime использует для этого одно вещество.