Outre pour l’optimisation des performances, être capable de décider de l’ordre et du moment de chargement d’un script peut être intéressant à plus d’un titre.
LABjs (Loading And Blocking JavaScript) est un script qui permet de charger n’importe quelle ressources Javascript à la demande, hébergés en local ou distant, et en choisissant le moment.
Dans son utilisation basique, LABjs permet de paralléliser le chargement des divers scripts d’un site, ce qui va grandement améliorer le temps de rendu, comme pourraient le faire des scripts asynchrones.
LABjs ne vient pas en remplacement de la minification et de la combinaison des divers scripts. Les deux techniques peuvent (et doivent) être utilisé conjointement pour une expérience utilisateur encore meilleure.
De même, LABs permet de ne charger certains scripts que lorsqu’on en a réellement besoin, par exemple lors d’une action (clic, survol, …).
Voici un exemple simple d’utilisation :
Avant :
<script src="framework.js"></script> <script src="plugin.framework.js"></script> <script src="myplugin.framework.js"></script> <script src="init.js"></script>
Après :
<script>
$LAB
.script("framework.js").wait()
.script("plugin.framework.js")
.script("myplugin.framework.js").wait()
.script("init.js").wait();
</script>
LABjs pèse 2 Ko et fonctionne avec IE (6, 7, 8, 9b), Firefox (1.5, 2, 3, 3.5, 3.6, 4b8), Chrome (toutes), Opera (9.6, 10, 10.5), Safari (4, 5), Netscape (7.2, 8.1, 9), Mozilla 1.7, Safari (3.2, 4, 5) et ce sur les 3 OS majeurs.
De nombreuses options sont disponibles pour personnaliser l’utilisation.
Téléchargez LABjs 
