Hace unos meses, John Resig nos mostró un sistema alternativo con el que podíamos reutilizar los tags <script /> de nuestras aplicaciones web y así llamar y ejecutar scripts en la misma llamada.
<script type="text/javascript" src="fichero.js" >
funcion_de_fichero("Hola");
</script>
Hoy via Ajaxian, descubro un sistema basado en window.onload()
y esta técnica de Resig.
window.onload = function() {
var script = document.createElement('script');
script.src = "sorttable-async.js";
script.text = "sorttable.init()";
document.getElementsByTagName('head')[0].appendChild(script);
}
// -- at the end of the script
var scripts = document.getElementsByTagName("script");
var cntr = scripts.length;
while ( cntr ) {
var curScript = scripts[cntr-1];
if ( -1 != curScript.src.indexOf('sorttable-async.js') ) {
eval( curScript.innerHTML );
break;
}
cntr--;
}
Y es que según los resultados de Steven Souders estos sistemas mejoran los tiempos de carga de los ficheros JS.
- Normal Script Tags – 487 ms
- Asynchronous Script Loading – 429 ms
- Lazyloading – ~320 ms
4 comentarios, 2 referencias
+
#