Das script-Element ist der Weg, über den JavaScript in eine Seite kommt. Wo es steht und welche Attribute es trägt, entscheidet über die Ladezeit.
- script-Element
Element, das JavaScript einbindet oder enthält.
Beispiel: „Ein script-Element hält das Lesen des Dokuments an, solange es ausgeführt wird.“
Das Problem mit der Reihenfolge
Trifft der Browser beim Lesen auf ein Skript, hält er an, lädt es und führt es aus, bevor er weiterliest. Ein Skript im Kopfbereich ohne weitere Angabe verzögert damit die ganze Seite.
<script src="/js/site.js" defer></script>Die Lösung
Mit defer lädt der Browser nebenher und führt nach dem Lesen des Dokuments aus, in der notierten Reihenfolge. Mit async führt er aus, sobald das Skript da ist, ohne garantierte Reihenfolge. Für das eigene Skript ist defer in aller Regel richtig.