Precargar el contenido de la web

Con este sencillo truco conseguirás que el contenido de tu página se cargue completamente antes de mostrarse. Así la web se muestra de un tirón y no se ve cómo se va cargando poco a poco y cómo se van colocando las cosas en su sitio.

Necesitas ponerle un identificador al elemento body y usar su evento onload para llamar a la función que lo mostrará. Además tiene que estar oculto por defecto.

Ejemplo:

<body style="visibility: hidden;" id="thebody" onload="mostrar('thebody');">

Para que esto funcione necesitas que exista una función llamada mostrar. Si pones este código javascript entre <head> y </head> funcionará.

<script type="text/javascript"> function mostrar(id) { document.getElementById(id).style.visibility='visible'; } </script>