Javascripte asynchron laden!

Javascript-Files werden normalerweise sequentiell geladen – wenn also mehrere Scripts in die Site eingebunden sind, beginnt Script2 erst zu laden, wenn Script1 vollständig geladen wurde. Nun, es gibt eine Methode, um die eingebundenen Scripte parallel zu ladenMit Hilfe dieser Funktion wird das parallele Laden von Javascripts möglich:

<script type=’text/javascript‘>
//<![CDATA[
function loadScript(src) {
var script = document.createElement(„script“);
script.type = „text/javascript“;
document.getElementsByTagName(„head“)[0].appendChild(script);
script.src = src;
}
//]]>
</script>

Unter Verwendung dieser Funktion kann man nun jede Anzahl von Scripten asynchron laden:

<script type=’text/javascript‘>
loadScript(„script1.js“);
loadScript(„script2.js“);
</script>

Den Original-Artikel findet Ihr hier

Schreibe einen Kommentar