Асинхронная загрузка javascript

#javascript #html #jquery #html5

Добрый день. Решил ускорить сайт. Скрипты были перенесены в подвал. jQuery грузится
из CDN в хедере:

  


Но есть проблема. Всё что связано с jQuery пишет: 

$ is not defined


Прочитал разницу между async и defer. Насколько я понял, defer скрипты выполняются
в самый последний момент, когда весь HTML получен и распарсен, в то время как async
 будет обработан сразу после загрузки. Тогда я решил добавить defer ко всем скриптам
в футер, но это работает через раз. Иногда ошибки "not defined" есть, иногда нету.
Как исправить?
    

Ответы

Ответ 1

Дэвид Флэнаган - JavaScript. Подробное руководство:


  Оба атрибута, defer и async, сообщают броузеру, что данный сценарий не
  использует метод document.write() и не генерирует содержимое документа, и что броузер
может продолжать разбор и отображение документа, пока сценарий загружается.
  
  Атрибут defer заставляет броузер отложить выполнение сценария до момента, когда
документ будет загружен, проанализирован и станет готов к выполнению операций. Атрибут
async заставляет броузер выполнить сценарий, как только это станет возможно, но не
блокирует разбор документа на время загрузки сценария. 
  
  Если тег