Le principe est de charger tous les scripts mais dynamiquement et de manière parallèle.
Les méthodes de chacun ne seront appelées que si son parent est corrrectement chargé !

Prenons comme exemple l’eXceLLent (n’hésitez pas à appuyer les X et L) jQuery : son chargement, puis celui de jQuery Tools  , un de vos scripts et pour finir le fichier executant vos fonctions préférées (généralement : initPage.js).

Dans un premier temps, vous chargez bien sur LABjs :

<script language="javascript" type="text/javascript" src="Js/LABjs-0.7/LAB.js"></script>

Puis

1ère méthode :

1
2
3
4
5
6
7
8
9
10
11

$LAB
.script('jquery.js')
.block(function(){
 $LAB
 .script('jquery.tools.min.js')
 .script('mon.script.js')
 .block(function(){
  $LAB
  .script('initPage.js');
 })
});

2nd méthode :

1
2
3
4
5
6
7

$LAB
.script('jquery.js')
.block()
 .script('jquery.tools.min.js')
 .script('mon.script.js')
 .block()
  .script('initPage.js');

LABjs – LABjs Description