2009-10-23 101 views

回答

4

原因是CSS样式,脚本和图像尚未完全下载。浏览器显示没有样式的HTML,这就是为什么你看起来很奇怪。一旦下载并解释了所有内容,所有内容都会突然出现。

你应该以某种方式理想地减少你的依赖关系的大小。或者为您的服务器使用更快的连接,但后者可能非常昂贵。

1

有一些事情可以做,以减少下载时间,以尽量减少这个问题。

您可以运行如下的Java脚本:

http://www.minifyjs.com/

减少资源的结合JavaScript的下载量。如果可能的话,你也可以组合CSS文件。

YSlow的Firefox插件可以分析你的网站为你,并就一些事情的建议,你可以这样做:

http://developer.yahoo.com/yslow/

您可能也想看看开启GZIP压缩,如果它不已:

http://www.microsoft.com/technet/prodtechnol/WindowsServer2003/Library/IIS/25d2170b-09c0-45fd-8da4-898cf9a7d568.mspx?mfr=true

+0

此外,只是一个想法:你的图像有多大 - 你使用适当的压缩? – Paul 2009-10-23 10:39:27

0

不被应用的CSS样式很快。如果你是指this post on google groups它建议手动添加样式:

<ul class="ui-tabs-nav"> ... </ul> 
<div class="ui-tabs-panel"> ... </div> 
0

一种方法我以前看到的是嵌入页面的一个div的主要内容,它最初被设置为不可见

<div id="mainPageDiv" style="display:none;"> 
    <form id="form1" runat="server"> 
     ... Your content here... 
    </form> 
</div> 

然后,在JavaScript中的页面加载事件中,您将主div设置为可见。

<body onload="document.getElementById('mainPageDiv').style.display='block';"> 

我不确定这是否确实有效。一个缺点是用户在短时间内会出现一个完全白色的屏幕,可能导致他们认为存在问题。