Этот вопрос проверяет знание способов управления загрузкой и выполнением JavaScript в HTML-документе.
HTML предоставляет атрибуты async и defer для управления загрузкой скриптов. По умолчанию скрипты загружаются и выполняются синхронно, блокируя парсинг HTML. Атрибут async позволяет загружать скрипт асинхронно и выполнять его сразу после загрузки. Атрибут defer откладывает выполнение скрипта до завершения парсинга HTML.
Способ подключения скриптов напрямую влияет на скорость загрузки и корректность работы страницы.
Атрибуты загрузки скриптов — это параметры тега <script>, которые определяют, когда и как загружается и выполняется JavaScript-код.
Синхронная загрузка (по умолчанию)
Парсинг HTML останавливается
Скрипт загружается и сразу выполняется
async
Скрипт загружается параллельно с HTML
Выполняется сразу после загрузки
Порядок выполнения между несколькими async-скриптами не гарантирован
defer
Скрипт загружается параллельно
Выполняется после полного парсинга HTML
Порядок выполнения сохраняется
<script src="analytics.js" async></script>
<script src="app.js" defer></script>
analytics.js выполнится сразу после загрузки, а app.js — после построения DOM.
Правильный выбор атрибутов загрузки скриптов помогает ускорить загрузку страницы и избежать ошибок, связанных с доступом к DOM.
Frontend developer
Ментор по Frontend
Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства
Записаться на консультациюFrontend developer
Ментор по Frontend
Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства
Записаться на консультацию