Instances multiples de chargement différé | Javascript

Question

Je suis en train de lire cet article sur le report du chargement de Javascript : https://developers.google.com/speed/docs/best-practices/payload#DeferLoadingJS

Ils utilisent ce script :

<script type="text/javascript">

 // Add a script element as a child of the body
 function downloadJSAtOnload() {
 var element = document.createElement("script");
 element.src = "deferredfunctions.js";
 document.body.appendChild(element);
 }

 // Check for browser support of event handling capability
 if (window.addEventListener)
 window.addEventListener("load", downloadJSAtOnload, false);
 else if (window.attachEvent)
 window.attachEvent("onload", downloadJSAtOnload);
 else window.onload = downloadJSAtOnload;

</script>

J'ai actuellement 4 fichiers Javascript distincts que j'aimerais "différer".

Comment puis-je y parvenir en utilisant le code d'exemple de Google ?

Merci beaucoup pour tout conseil.

Answer 1

Il faut juste donner un paramètre à la fonction pour pouvoir l'invoquer avec différents scripts :

 // Add a script element with the url as a child of the body
 function downloadJS(url) {
     var element = document.createElement("script");
     element.src = url;
     document.body.appendChild(element);
 }

 onload(function(){
     downloadJS("deferredfunctions.js");
     downloadJS("deferredfunctions2.js");
     downloadJS("deferredfunctions3.js");
 });