Javascript 在显示页面之前运行脚本

我建立了一个网站，在页面加载时进行一系列计算（基本上，它确定用户屏幕大小，然后分配所有页面图像的大小和位置并应用它们）。我遇到的问题是连接速度较慢，这是可见的（所有图像将从角落开始，然后调整大小并重新定位）。这不是什么大问题，但有点碍眼

我正在使用jquery来完成这项工作，所有的计算都是在

$（文档）上进行的。准备好了吗
，在此之前有什么方法可以完成吗？或者我应该使用预加载程序？好的一个（queryLoader不适合我，我能找到的所有其他的都只是用于预加载图像）

任何建议都将不胜感激
 如果您只是担心图像，那么如何将它们设置为在重新定位之前不可见（显示：无）？
对于您的主页使用
iframe
，加载程序页面将只包含您需要的js。因为两者都来自同一个域，所以您不必担心iframe上的跨域限制。
要扩展Joe的答案，最简单的方法是隐藏所有图像，直到它们加载完毕。例如这样的事情：

$(function() {
  $('img').hide();
  $('img').load(function() { $(this).show() });
});

您甚至可以使用CSS预先隐藏它们，但我不建议这样做，除非上面的方法对您来说仍然闪烁一点。
我在
iframe
环境中遇到了这个问题。但目前我使用了以下解决方法来避免视觉障碍：

<style>
   .load_class{
            display:block;
            position:absolute;
            top:0;left:0;
            background-color:#fff;width:100%;height:100%;
            z-index:9990;
            text-align:center;
        }
</style>
<script>
   setTimeout("loadingComp()",15000);

   function loadingComp(){
        jQuery("#i_init").fadeOut();
    }
</script>
<div id="i_init" class="load_class">
 <img src="images/loading.gif" alt="Loading..."/>
             Loading...
</div>


.load_类{
显示：块；
位置：绝对位置；
顶部：0；左侧：0；
背景色：#fff；宽度：100%；高度：100%；
z指数：9990；
文本对齐：居中；
}
设置超时（“加载comp（）”，15000）；
函数加载comp（）{
jQuery（“#i#init”）.fadeOut（）；
}
加载。。。

但这是一个硬代码解决方案。
div
将在15秒后淡出：（
为什么不使用CSS？