LABjs czyli JavaScript na życzenie

LABjs czyli JavaScript na życzenie

LABjs czyli Loading And Blocking JavaScript to ciekawa bblioteka, która pozwala na ładowanie i blokowanie ładowania JavaScriptów z poziomu samego JavaScritpu 😉 Dzięki czemu teoretycznie zyskujemy na prędkości ładowania się strony, oraz mamy większą kontrole nad naszymy skryptami. Dlaczego teoretycznie ? Bo praktycznie ładowanie JavaScript nie wpływa na “renderowanie” wyglądu strony, natomiast może mieć znaczenie przy projektach, które faktycznie posiadają większą ilość kodu.

Zastosowanie samego skryptu jest raczej proste. Poniższy kod:

<script src="framework.js"></script>
<script src="plugin.framework.js"></script>
<script src="myplugin.framework.js"></script>
<script src="init.js"></script>

Zastępujemy kodem:

<script type="text/javascript">
   $LAB
   .script("framework.js")<strong>.wait()</strong>
   .script("plugin.framework.js")
   .script("myplugin.framework.js")<strong>.wait()</strong>
   .script("init.js");
</script>

Jak widać kolejne skrypty mogą być ładowane asynchronicznie, albo wszystkie na raz.

Dodatkowo może zabezpieczyć się przez cachowaniem zawartości przez przeglądarke, warto też obejrzeć testy na stronie autorów projektu, gdyż dosyć dogłębnie wyczerpują oni temat 🙂