Kyle Simpson, nous gratifie d’une nouvelle version (0.7) de son LABjs – Loading And Blocking javascript.

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

Utiliser la puissance de feu des serveurs de Google pour charger les API AJAX les plus populaires à partir de vos applications et sites web ! Google a choisi d’héberger les bibliothèques d’API AJAX les plus populaires tel que jQuery, jQuery UI, Prototype, script.aculo.us, MooTools, Dojo, Yahoo! User Interface Library et SWFObject. Toutes les API’s sont disponibles avec la commande google.load():

1
2
3
4
5

<script src="http://www.google.com/jsapi"></script>
<script>
	// Exemple, chargement de la version 1.3.2 en version non compressé de jQuery
	google.load("jquery", "1.3.2", {uncompressed:false});
</script>

Documentation : Google AJAX Libraries API – Developer’s Guide – Toute la liste des API’s et versions