Как лучше всего загрузить файл JavaScript в HTML? HTML async vs defer

Первое, что вы учитесь в JavaScript, — это загрузка JavaScript-файла в HTML-файл. Но знаете ли вы, что существует несколько способов сделать это? Знаете ли вы правильный способ? Заботитесь ли вы о пользователях, которые используют медленную сеть?

В этом видео вы узнаете, как загружать JavaScript-файл, чтобы ваши пользователи не сталкивались с проблемами производительности и потери данных. Узнайте об HTML-атрибутах async и defer, чтобы стать лучшим разработчиком.

Не забывайте, это также сложный вопрос для собеседования! 🤯

Таймкоды
0:00 — Зачем нужна загрузка скрипта?
01:00 — Игра «Тайный Санта»
02:02 — Проблема с загрузкой JavaScript-файла в заголовок
06:15 — Грязное решение: переместите его в конец тела!
07:45 — Визуальное понимание проблемы
10:20 — Что такое атрибут async в HTML и когда его использовать? 18:13 — Что такое атрибут defer в HTML и когда его использовать?

19:14 — async vs defer
23:36 — Заключение

Важные ссылки:
--------------------------
Исходный код, использованный в видео: https://github.com/atapas/youtube/tre...
Нравится то, что я поделился? Пожалуйста, поддержите меня 🙏, спонсируя мой вклад в сообщество. Это поможет мне создавать гораздо более качественный контент в будущем. - 🤝 Ссылка спонсора: https://github.com/sponsors/atapas

Мои соцсети:
Twitter:   / tapasadhikary  
Showcase: https://www.showwcase.com/atapas398
LinkedIn:   / tapasadhi.  .
Блог: https://blog.greenroots.info/
GitHub: https://github.com/atapas