. .

Defer parsing of JavaScript

JavaScript defer

Externe JavaScript-Datei nach dem HTML-Parsing ausführen.


Einbinden der JavaScript-Datei mit dem <script>-Tag in Verbindung mit dem Standalone-Attribut defer, welches den Browser anweist, die JavaScript-Datei erst herunterzuladen, sofern alle ausstehenden Ressourcen vom abgerufen wurden. Des Weiteren defniert defer, die JavaScript-Datei erst auszuführen, nachdem das Dokument fertig geladen ist.

<body>
 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js" defer="defer"></script>
</body>

JavaScript asynchron

Das folgende JavaScript erzeugt ein bzw. mehere <script>-Elemente, die wenn das JavaScript geladen ist, durch Zugriff auf das DOM diese in den head einfügt. Die so eingebundenen JavaScripte werden asynchron im Hintergrund geladen, sodass durch deren Herunterladen und Ausführen der Parser nicht angehalten wird.



JavaScript async

Externe JavaScript-Datei im Hintergrund ausführen.


Das mit der HTML5 Spezifikation zur Verfügung stehende async-Attribut weist den HTML-Parser an, die eingebundenen JavaScript-Dateien im Hintergrund herunterzuladen und auszuführen. Das JavaScript wird ausgeführt, sobald es geladen ist und blockiert nicht das Parsing.

<body>
 
<script type="text/javascript" async src="http://www.google-analytics.com/ga.js"></script>
</body>

Auf Grund dessen, steht das DOM gegebenenfalls nur teilweise zur Verfügung, ist jedoch ein DOM-Zugriff notwendig, sollte der JavaScript-Aufruf hinter den Elementen erfolgen, auf das es zugreifen soll. Da das DOM bis zu diesem Element geparst wurde und dem JavaScript somit zur Verfügung steht.



» zum Seitenanfang

PageSpeed-Optimierung

mehr zum Thema: Browser-CachingLeverage browser caching

Für statische Ressourcen der Webseite, wie Grafiken, JavaScript- und CSS-Dateien das Browser-Caching aktivieren.

» mehr zum Thema: Browser-Cachingmehr lesen

mehr zum Thema: CSS-Dateien kombinierenCombine external CSS

Alle externen CSS-Dateien mittels PHP kombinieren und so die Anzahl der HTTP-Requests reduzieren.

» mehr zum Thema: CSS-Dateien kombinieren • Combine external CSSmehr lesen


mehr zum Thema: JavaScript-Dateien kombinierenCombine JavaScript

Alle externen JavaScript-Dateien mittels PHP kombinieren und so die Anzahl der HTTP-Requests reduzieren.

» mehr zum Thema: JavaScript-Dateien kombinieren • Combine external JavaScriptmehr lesen

mehr zum Thema: JavaScript-Dateien später ladenDefer loading of JavaScript

Externen JavaScript-Dateien später laden, sodass andere Ressourcen parallel heruntergeladen werden können und das Laden der Webseite beschleunigt wird.

» mehr zum Thema: JavaScript-Dateien später laden • Defer loading of JavaScriptmehr lesen

mehr zum Thema: JavaScript-Dateien später parsenDefer parsing of JavaScript

Alle externen JavaScript-Dateien später parsen um den Aufbau der Webseite für den Nutzer so schnell wie möglich zu realisieren.

» mehr zum Thema: JavaScript-Dateien später parsen • Defer parsing of JavaScriptmehr lesen



Tastaturkürzel