Abr 06
Escrito por: Pablo Veintimilla
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 775 veces
Últimos comentarios