Нужны ли атрибуты async и defer в применении на практике?

Question

[Прейс Дмитрий]

Относительно недавно начал изучать верстку и сейчас, после html/css, начинаю разбираться в JavaScript.
Наткнулся на атрибуты script'a async и defer. Нужны ли они на практике как таковые, ведь запихнуть все в один файл, по разным местам должно быть проще? Вместо defer просто кинуть скрипт после body, вместо async - в head или перед body.

Понимаю что вопрос глупый, но я в вебе недавно, так что простите))

Comments

[SimBioT19]

вместо async - в head или перед body

То есть по-вашему это одно и то же?)

Answer 1

[Антон]

Нужны для подключения сторонних библиотек, не влияющих на загрузку страницы, например, google analytics.

Answer 2

[EEclipsEE]

вот у вас допустим весь дом в body начинает генерироваться динамически и какой-нибудь скрипт обращается к элементу x. Но вот проблема элемента еще нет, и тут не помещение в head или body вам не помогут. defer нужен.
а async не плохо так ускоряет загрузку страницы если знать куда пихать. Например один скрипт красит ссылки в красный цвет, а другой параграфы в зеленый, и допустим у нас всего это овер до***я. Так зачем ждать пока ссылки покрасятся и потом параграфы если они не связаны? Скрипты моно пустить параллельно сэкономив время загрузки.

P.S. Примеры грубые, но наглядные.