Ya hemos visto en muchas ocasiones técnicas para mejorar el tiempo de carga del javascript de nuestras páginas. Todas pasan por generar dinámicamente las llamadas a los scripts desde el propio Javascript, de esta forma estamos haciendo que los ficheros se carguen de forma simultánea haciendo que la carga total de la página se reduzca.
Versión HTML
Versión LABjs
LABjs, es una librería que nos permitirá gestionar de forma muy intuitiva permitiéndonos cargar nuestros ficheros javascript en paralelo, minimizando el tiempo de carga.
// HTML
<script src="framework.js"></script>
<script src="plugin.framework.js"></script>
<script src="myplugin.framework.js"></script>
<script src="init.js"></script>
// LABjs
$LAB
.script("framework.js").wait()
.script("plugin.framework.js")
.script("myplugin.framework.js").wait()
.script("init.js");Como podemos ver, disponemos de una serie de métodos que nos permitirán gestionar la carga de ficheros, haciendo que unos carguen después para que las dependencias estén cargadas a la hora de usarse.
Metodos de la API
- $LAB.setGlobalDefaults():Método que nos permite definir los valores por defecto para la carga de ficheros.
- $LAB.setOptions(): Indicamos opciones que serán pasadas en la cadena de carga.
- $LAB.script(): Método usado para cargar los ficheros Javascript, permite encadenar varios.
- $LAB.wait(): Método que detiene la ejecución y que permite ejecutar una funcionalidad (o cargar otro fichero).
3 comentarios, 1 referencias
+
#