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

Оба атрибута позволяют загружать скрипты асинхронно, не блокируя парсинг HTML, но различаются моментом выполнения: **async** - Скрипт выполняется сразу после загрузки, не дожидаясь полного парсинга документа - Порядок выполнения не гарантирован (кто загрузится первым, тот и выполнится) - Подходит для независимых скриптов (например, аналитика) **defer** - Скрипт выполняется после полного парсинга HTML, но до события DOMContentLoaded - Сохраняет порядок выполнения (как указаны в HTML) - Идеален для скриптов, зависящих от DOM Пример: ```html ```