Атрибут defer

Синтаксис

Описание

Атрибут defer (от англ. defer — откладывать) это логическое значение, определяющее, следует ли извлекать скрипт только после разбора HTML.

Используется в теге <script>.

Скрипты с атрибутом defer будут выполняться в том порядке, в котором они указаны в документе.

Атрибут defer не позволяет скриптам блокировать отображение документа до тех пор, пока они не будут выполнены и оценены. Это повышает производительность веб-страницы.

Атрибут не влияет на скрипты модуля.

Внимание!

Атрибут defer применяется только для внешних скриптов, которые загружаются с использованием атрибута src.

Пример

HTML-код:

<!DOCTYPE html>

<head>

<title>Атрибут defer</title>

</head>

<body>

<script src="demo_defer.js" defer></script>

<p>Скрипт "demo_defer.js", который указан в HTML-документе выше запрашивает информацию у параграфа ниже. Без атрибута defer, это не возможно, потому что скрипт, по умолчанию должен быть выполнен, прежде чем запрашиваемый параграф загрузится.</p>
<p id="p1">Привет, мир!</p>
</body>
</html>

Отображение в браузере:

Скрипт "demo_defer.js", который указан в HTML-документе выше запрашивает информацию у параграфа ниже. Без атрибута defer, это не возможно, потому что скрипт, по умолчанию должен быть выполнен, прежде чем запрашиваемяй параграф загрузится.

Привет, мир!