В каком месте страницы лучше подключать js-файлы?

#javascript #bootstrap

Я обычно подключаю js в head. Но в Bootstrap это всё подключается в конце... Наверное,
в этом есть какой-то смысл? Может кто знает?
    

Ответы

Ответ 1

Лучше подключать JavaScript в конце, т.к. время загрузки скриптов можно потратить
с пользой на оформление страницы, что собственно bootstrap и делает. Многие браузеры
отрисовывают контент по мере загрузки страницы, и поместив подключение JS инклюдов
в конец, мы тем самым ускоряем прорисовку стилей и всего что подключено до этого.


Ответ 2

стандартное правило, если подключать javaScript вначале то (в общем случае, но не
всегда) body не будет отрисовываться, пока не выполнится подключаемый js скрипт. потому
рекомендуется подключать js в конце. это азбука. и ей следуют создатели bootstrap

при выполнении браузером html страницы браузер выполняет ее построчно. как только
встречается js (например линк на файл который на 4 сек заставит браузер "висеть") он
выполняется, и только после этого идет чтение следующей строки html. потому разумнее
сначала дать браузеру выполнять все body и лишь потом заставлять выполнять js

html5rocks учебник


Ответ 3

К сожалению, браузеры блокируют дальнейшую отрисовку страницы, пока
  это все происходит. Еще со времен «первого века веба» это обусловлено
  DOM API, который позволяет строкам добавляться к содержимому, которое
  пережовывает парсер, например с помощью document.write. Более
  современные браузеры продолжат сканировать и парсить документ в
  фоновом режиме и загружать нужный сторонний контент (js, картинки, css
  и т.д.), но отрисовка по-прежнему будет блокирована.
  
  Вот почему гуру и специалисты производительности советуют размещать
  элементы script в конце документа, потому что это блокирует меньше
  всего контента.


Из статьи на хабре http://habrahabr.ru/post/182310/ возможно именно поэтому.