В HTML атрибут «defer» используется для указания того, что сценарий должен выполняться после анализа HTML-документа. Обычно он используется с тегом для задержки выполнения кода JavaScript до завершения загрузки HTML-документа.
Вот несколько методов, которые можно использовать для реализации атрибута defer в HTML:
-
Встроенный скрипт: вы можете включить атрибут «defer» непосредственно в тег
следующим образом:<script src="script.js" defer></script> -
Внешний скрипт: если у вас есть внешний файл JavaScript, вы также можете добавить атрибут «defer» в тег
:<script src="external.js" defer></script> -
Несколько сценариев. Если у вас есть несколько сценариев и вы хотите отложить их выполнение, вы можете включить атрибут «defer» в каждый тег
:<script src="script1.js" defer></script> <script src="script2.js" defer></script> -
Порядок выполнения. Важно отметить, что скрипты с атрибутом «defer» будут выполняться в том порядке, в котором они появляются в HTML-документе, в то время как остальная часть документа продолжит загружаться. Это может быть полезно, если у вас есть зависимости между скриптами.
Использование атрибута defer может повысить производительность вашей веб-страницы, позволяя отображать HTML-документ без блокировки выполнения JavaScript. Это особенно полезно, если у вас большие файлы JavaScript или когда сценарии не важны для первоначального рендеринга страницы.