Im Allgemeinen werden Skripts nacheinander heruntergeladen (siehe diese Seite ):
Weil JavaScript-Code den Inhalt und das Layout eines Webs verändern kann Seite verzögert der Browser das Rendern von Inhalten, die einem Skript folgen Tag, bis das Skript heruntergeladen, analysiert und ausgeführt wurde. Vor allem für Round-Trip-Zeiten blockieren jedoch viele Browser das Herunterladen von Ressourcen [wie Stylesheets, Bilder und andere Skripts] im Dokument nach Skripten referenziert, bis diese Skripte sind heruntergeladen und ausgeführt.
Kurz: Ja:
Ohne die Eigenschaften defer
oder async
innerhalb des Skript-Tags anzugeben, besagt die Spezifikation, dass ein Browser diese Dateien sequenziell (synchron) laden muss.
Mit anderen Worten, ein einfaches Skript-Tag, das ein Browser findet, muss
erhalten Während ein "moderner" Browser wahrscheinlich noch versucht, diesen Prozess zu optimieren, müssen diese Schritte (zumindest prozesshaft) angewendet werden. Das ist der Grund, warum Sie Script-Tags ohne weitere Angaben immer am unteren Rand Ihres <body>
-Tags platzieren sollten. Selbst der DOM-Renderprozess stoppt beim Laden / Ausführen von Skripten.
Um dies zu vermeiden, können Sie eine Eigenschaft defer
oder async
(nur HTML5) in diesen Skript-Tags angeben, z. B.
sagt dem Browser, dass es ein Skript ist, das ausgeführt werden soll, nachdem das Dokument analysiert wurde.
Siehe Ссылка
Tags und Links javascript