Hola:
Pues entonces, si te sirve el primer ejemplo (también debería funcionar el segundo), con los cambios sugeridos antes...
<div id="ocultador" style="... ></div>
</body>
if (precargadas) document.getElementById("ocultador").style.visibil ity = "hidden";
Sería la misma idea... una capa ocultando el contenido, y dentro de esa capa el gif animado...
Por cierto, aunque no tengo dudas de que el script de tunait es muy bueno
, El peso de las imágenes de esa manera no varía, y por lo tanto es la misma transferencia... si dispones de php se reducen las imagenes fácilmente, y a la vez se reduce el peso.
Saludos
