Как загружать скрипт, не блокируя отрисовку страницы

Для асинхронной загрузки скриптов без блокировки рендеринга используйте: 1. **Атрибут `async`** - скрипт загружается параллельно и выполняется сразу после загрузки: ```html ``` 2. **Атрибут `defer`** - скрипты загружаются параллельно, но выполняются после полной загрузки DOM (в порядке объявления): ```html ``` 3. **Динамическое создание скрипта** (наиболее гибкий способ): ```javascript const script = document.createElement('script'); script.src = 'script.js'; document.body.appendChild(script); ``` Ключевые различия: - `async` - порядок выполнения не гарантирован - `defer` - сохраняет порядок скриптов - Динамическая вставка ведёт себя как `async` по умолчанию