1.) Скрывает контент с помощью стилей (display: none);
2.) При загрузки документа, удаляем *gif анимацию и показываем контент.
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<style type="text/css">
#loading {
bottom: 0%;
left: 0%;
margin: auto;
position: fixed;
right: 0%;
top: 0%;
z-index: 2;
}
body > div#content {
display: none;
}
</style>
</head>
<body>
<img alt="" id="loading" src="loading.gif" />
<div id="content">
Content
</div>
<script type="text/javascript">
window.onload = function() {
document.body.removeChild(document.getElementById('loading'));
document.getElementById('content').style.display = 'block';
}
</script>
</body>
</html>