В чем разница между атрибутами async и defer в теге script?

Разница между атрибутами async и defer в теге script заключается в том, когда выполняются скрипты: elbrusboot.camp

• Атрибут async указывает браузеру загружать скрипт асинхронно, то есть параллельно с разбором HTML-документа. elbrusboot.camp Скрипты с этим атрибутом выполняются сразу после загрузки, без учёта порядка появления на странице или завершения разбора HTML. elbrusboot.camp
• Атрибут defer указывает браузеру отложить выполнение скрипта до тех пор, пока не будет завершён разбор HTML-документа. elbrusboot.camp Это позволяет браузеру продолжать отображать содержимое страницы без задержек из-за ожидания скрипта. elbrusboot.camp Скрипты с этим атрибутом сохраняют порядок своего появления на странице и выполняются перед событием DOMContentLoaded. elbrusboot.camp

На практике defer используется для скриптов, которым требуется доступ ко всему DOM и/или важен их относительный порядок выполнения. learn.javascript.ru Атрибут async подходит для независимых скриптов, например счётчиков и рекламы, относительный порядок выполнения которых не играет роли. learn.javascript.ru