Optimizar la carga de archivos javascript

En: javascript

6 abr 2009

WP Greet Box icon
Hola! Si estás nuevo por aquí y te gusta lo que ves, puedes disfrutar de una actualización automática y gratuita por RSS para leer nuestros artículos completos cuando lo deseas en tu lector RSS favorito.

Lazy Loading, es una forma de cargar asincronamente nuestros archivos javascript, es decir el navegador no carga directamente el archivo, en su procesa una petición dinámica que creará la llamada para cargar el archivo, ofreciendo los siguientes beneficios:

  • No detiene la carga del resto de elementos de la página, a diferencia de incluir la carga del archivo dentro del head, donde el resto de la página se muestra después de que el fichero haya sido cargado totalmente, normalmente la página se queda en blanco por unos segundos.
  • Reduce errores en la manipulación de elementos del DOM, pues al cargarse el archivo, todos los elementos existen, a diferencia de hacerlo dentro del head.
  • Reduce el tiempo de carga de la página, como lo demuestra Stevesouders

La implementación de Lazy Loading seria así:

<head>
<script type="text/javascript">
window.onload = function() {
var script = document.createElement('script');
script.src = "archivo_javascript.js";
script.text = "funcion_a_ejecutar()";
document.getElementsByTagName('head')[0].appendChild(script);
}
</script>
</head>

Vía aNieto2k

Otros post

Este post ha sido visto 1121 veces

Deja tu comentario!

Acerca de UnderMedia

Inspiración y Determinación |
En Blog UnderMedia se recopilan y publican periódicamente noticias, artículos o comentarios generados dentro de UnderMedia S.A.

Twitter UnderMedia

  • Gaby: No le entendi XD [...]
  • makinista: Como podría hacer para que al hacer clic en un botón me cargara un html en otra parte de una web c [...]
  • Pablo: hola, muy bueno hombre, queria hacerte una pregunta, tal ves sea tonta no se, cual es la ventaja de [...]
  • Antony: Para ponerlo en tus páginas es necesario seguir estas instrucciones http://www.gentlesource.com/do [...]
  • Antony: Funciona perfecto. A los que les sale la página en blanco, si instalaron el modulo de lengua en esp [...]

Comunidad

Ultimas visitas

Raking

  • Blogalaxia
  • Top Blogs Ecuador

Switch to our mobile site