HTML <script> async-Attribut

HTML <script> Tag

Definition und Verwendung

async Das Attribut ist ein boolesches Attribut.

Wenn async Das Attribut, das das Skript gleichzeitig mit der Analyse der Seite herunterlädt und sofort ausführt, sobald es verfügbar ist. Sobald das Skript vollständig heruntergeladen ist, wird die Analyse der Seite unterbrochen, das Skript wird ausgeführt und die Analyse der restlichen Seite fortgesetzt.

Hinweis:async Das Attribut ist nur für externe Skripte geeignet (und sollte nur verwendet werden, wenn das Attribut src vorhanden ist).

Hinweis:Externe Skripte können auf verschiedene Weisen ausgeführt werden:

  • Wenn async gesetzt ist: Das Skript wird gleichzeitig mit der Analyse der Seite heruntergeladen und sofort ausgeführt (bevor die Analyse abgeschlossen ist)
  • Wenn defer gesetzt ist (aber nicht async): Das Skript wird gleichzeitig mit der Analyse der Seite heruntergeladen und nach Abschluss der Analyse ausgeführt
  • Wenn weder async noch defer gesetzt sind: Das Skript wird sofort heruntergeladen und ausgeführt, was die Analyse der Seite blockiert, bis das Skript abgeschlossen ist

Beispiel

Der verwendete Skript wird gleichzeitig mit der Analyse der Seite heruntergeladen und sofort ausgeführt, wenn er verfügbar ist:

<script src="demo_async.js" async></script>

Probieren Sie es selbst aus

Syntax

<script async>

Asynchrone Ausführung von Skripten

Das Standardverhalten des Browsers bei der Begegnung mit einem script-Element ist es, die Verarbeitung der Seite während des Ladens und Ausführens des Skripts zu unterbrechen. Die verschiedenen script-Elemente werden nacheinander (in der Reihenfolge ihrer Definition) synchron (während des Ladens und Ausführens des Skripts wird nicht mehr anderes bearbeitet) ausgeführt.

Als Standardmethode zur Verarbeitung von Skripten hat die synchrone Reihenfolge ihrer Ausführung ihren eigenen Sinn. Allerdings benötigen einige Skripte keine solche Verarbeitung und für diese können async Eigenschaft verbessern. Ein typisches Beispiel hierfür sind Tracking-Skripte. Diese Skripte können Nutzungsdaten von Websites berichten, damit Werbetreibende auf Grundlage der Gewohnheiten der Nutzer Anzeigen anpassen und schalten können, oder Statistiken über Besucher der Websites sammeln, um sie zu analysieren, und dergleichen. Diese Skripte sind autark und benötigen in der Regel keine Interaktion mit Elementen des HTML-Dokuments. Es hat keinen Sinn, die Anzeige der Seite zu verzögern, um darauf zu warten, dass sie geladen und Berichte an den eigenen Server gesendet werden.

Verwendung der async Nachdem die Eigenschaft gesetzt wurde, lädt und führt der Browser das Skript asynchron weiter, während er andere HTML-Elemente (einschließlich anderer script-Elemente) weiter verarbeitet. Wenn es ordnungsgemäß eingesetzt wird, kann dies die gesamte Ladeleistung erheblich verbessern.

Hinweis:Verwendung async Eine wichtige Konsequenz der Eigenschaft ist, dass Skripte in der Seite möglicherweise nicht in der festgelegten Reihenfolge ausgeführt werden. Daher sollte die Eigenschaft nicht verwendet werden, wenn Funktionen oder Werte aus anderen Skripten verwendet werden. async Eigenschaft.

Browserkompatibilität

Die in der Tabelle angegebenen Zahlen geben die Versionsnummer des ersten Browsers an, der diese Eigenschaft vollständig unterstützt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 10.0 3.6 5.1 15.0

HTML <script> Tag