Webkits neue Attribute

In aktuellen Nightly Builds kann die WebKit-Engine mit zwei HTML5-Attributen fĂĽr nicht-blockierendes Laden von JavaScript umgehen.

vorlesen Druckansicht 65 Kommentare lesen
Lesezeit: 1 Min.
Von
  • Henning Behme

Die aus KHTML hervorgegangene Open-Source-Webbrowser-Engine WebKit kennt in ihren aktuellen Versionen, den sogenannten Nightly Builds, die beiden Attribute async und defer, die für das HTML5-Element script vorgesehen sind. Mit ihnen können Webautoren das Laden von JavaScript-Dateien beeinflussen. Lud man ein Script traditionell per

<script src="meineDatei.js"></script>

so erlauben async und defer das Laden von JavaScript, ohne dass dies andere Elemente der Seite beziehungsweise deren Aufbau blockiert. FĂĽr HTML5 und XHTML bewirkt das eine der folgenden Zeilen:

<!-- HTML5 -->
<script async src="meineDatei.js"></script>
<script defer src="meineDatei.js"></script>
<!-- XHTML -->
<script async="async" src="meineDatei.js"></script>
<script defer="defer" src="meineDatei.js"></script>

In allen Fällen kann man nach dem Laden durch onload sofortiges Ausführen vorsehen. Ist async enthalten, lädt der Browser den Code (wie das Attribut suggeriert) asynchron bei nächster Gelegenheit. defer bewirkt das Laden des Codes nach dem gesamten Parsen der Seite. Mehrere per async zu ladende Scripts lädt der Browser nicht zwingend in der gewünschten Reihenfolge, bei defer lädt er sie in der Reihenfolge ihres Auftauchens im Seitentext.

Eins der beiden (defer), von Microsoft im IE4 eingefĂĽhrt, war schon in HTML 4.01 enthalten, fĂĽr HTML5 definiert Abschnitt 4.3 die Verwendung der beiden Attribute. Bei Firefox erfordern die Attribute Gecko 1.91. beziehungsweise 1.9.2. (hb)