Yo uso esto mira
Código HTML:
<script>
onload=function()
{
document.getElementById('pagina').style.display='block';
document.getElementById('distractor').style.display='none';
}
</script>
<div id="distractor" align="center">
<table width="100%" height="100%">
<tr>
<td><div align="center"><br>
<img src="imagenes/intro.gif"/><br>
<span class="ldesc"><strong>Por Favor Espere</strong><br>
Entrando al sistema</span></div></td>
</tr>
</table>
</div>
<div id="pagina" style="display:none">
contenido pagina
</div> coloco un div distractor donde coloco el distracto de la pagina en este caso una imagen de preloader y despues pongo todo en un div y lo desoculto cuando cargue
saludos
