Где в HTML правильно подключать скрипты к странице?

Question

[TheSnegok]

Все говорят что правильно подключать скрипты в конце body, но я замечаю что многие подключают в head, подскажите как правильнее или когда как лучше?

Answer 1

[Aetae]

It depends.

Страница отображается в браузере по мере загрузки. Если в ней встретится скрипт без спец. атрибута типа async\defer отображене будет остановлено пока не загрузится И выполнится скрипт.

Вот собственно почему советуют сдвигать скрипты вниз. Но если без скрипта у тебя ничего не заработает, то это не имеет смысла.

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

Answer 2

[Johnny Gat]

https://learn.javascript.ru/script-async-defer

Answer 3

[Liuonid]

Ну и вопросы пошли. В боду только пишут, если есть какая то манипуляция с дом элементом. Гугл аналитик к примеру в хеад добавляют. фонт авесоме так же в head.

Comments

[Aetae]

угл аналитик к примеру в хеад добавляют.

И зря. Этот мусор бессмыслено тормозит загрузку.

[Антон Литвиненко]

у fontawesome появились скрипты?

[Liuonid]

Антон Литвиненко, Так для псевдоэлементов нужно было всегда подключать скрипты. Хотя я уже не пользуюсь им. Может уже что то поменяли.

[Антон Литвиненко]

Liuonid, думаю, вы что-то путаете.
Более того, так как псевдоэлементы не являются узлами dom, то до них из джаваскрипт вообще нельзя достучаться.
Fontawesome это иконочный шрифт, он состоит из файла стилей и файлов шрифтов