Script de Precarga para Webs Pesadas


Trabajando en un Proyecto Web me dí cuenta que me había quedado muy pesado el sitio, por lo que opté por aplicar una especie de Javascript, con el que ocultaría toda la pagina con una especie de capa, una vez cargada, esta desaparecía y quedaba a la luz el diseño.

javascript para cargar web mas rapida

A continuación les dejo el Codigo Javascript para que puedan sacarle provecho para sus sitios:

Dentro de las etiquetas <head></head> colocarás:

<script type=”text/javascript”>onload = function(){
document.getElementById(“precarga”).style.display = “none”;
}
</script>

Dentro de las etiquetas <body></body> colocarás:

<script type=”text/javascript”>
document.write(“<div id=’precarga’></div>”);
</script>

Y por ultimo, deberás crear una Hoja de estilo donde colocarás lo siguiente:

#precarga{
position:absolute;
width:100%;
height:100%;
top:0px;
left:0;
background-color: #003399;
}

Nota: Puedes cambiar dentro de los 3 scripts la palabra “Precarga”, por la que gustes, obviamente tendrás que colocár el mismo nombre en todo el script. Puedes hacer cualquier pregunta o comentario con el fin de salir de la duda o mejorar el script.

Daniel Zárate

Blogger y fundador de MundoTECH, actualmente dedicado a estudios de Ingeniera Informática y a la implementación de blogs como medio de información.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

'
Comparte