Почему скрипт с атрибутом async не загружается?

Question

[ASultonov]

Установил персональный поиск от гугл на header и загрузка данного скрипта стал тормозить рендеринг сайта. Для того, чтобы этого не случилось, добавил атрибут async. После этого Google Search перестал загружаться.

Вот так все работает:

...
  <script src="//www.google.com/jsapi"></script>
  ...
...

А вот так нет:

...
  <script src="//www.google.com/jsapi" async></script>
  ...
...

Помогите пожалуйста.

Answer 1

[Алексей]

Добавь его в конце страницы

Comments

[ASultonov]

Да, так сработало. А почему с async не работает не знаете?

[Алексей]

ASultonov: Честно, не могу сказать.У меня пока что не было проблемы с ним, но я все равно стараюсь просто добавлять скрипт в конце, если он должен загрузится в конце - дешего и всегда работает.

Answer 2

[Сергей Наломенко]

Можно попробовать не async, а defer (как альтернатива переносу в конец страницы).
Вот небольшая шпаргалка:

Comments

[ASultonov]

С defer такой же случай как и с async. Возможно проблема в том, что скрипт внешний. Или у гугловских скриптов какие-то особенности...

[Сергей Наломенко]

Может быть просто ниже был объявлен скрипт, создающий конфликт в названиях неймспейсов или переменных?

[ASultonov]

Нет. Просто не работает, если добавить async. И нормально работает если убрать.