我使用ASP.NET 3.5与JQuery,JS文件,CSS文件和大量的图像为我的背景。出于某种原因,当您第一次加载您的页面时,在页面上的所有内容完成加载之前,所有内容都会出现异常。首先加载ASP.NET页面看起来很奇怪,直到一切都加载
- 这是为什么?
- 我该如何解决这个问题?
在此先感谢!
我使用ASP.NET 3.5与JQuery,JS文件,CSS文件和大量的图像为我的背景。出于某种原因,当您第一次加载您的页面时,在页面上的所有内容完成加载之前,所有内容都会出现异常。首先加载ASP.NET页面看起来很奇怪,直到一切都加载
在此先感谢!
原因是CSS样式,脚本和图像尚未完全下载。浏览器显示没有样式的HTML,这就是为什么你看起来很奇怪。一旦下载并解释了所有内容,所有内容都会突然出现。
你应该以某种方式理想地减少你的依赖关系的大小。或者为您的服务器使用更快的连接,但后者可能非常昂贵。
有一些事情可以做,以减少下载时间,以尽量减少这个问题。
您可以运行如下的Java脚本:
减少资源的结合JavaScript的下载量。如果可能的话,你也可以组合CSS文件。
YSlow的Firefox插件可以分析你的网站为你,并就一些事情的建议,你可以这样做:
http://developer.yahoo.com/yslow/
您可能也想看看开启GZIP压缩,如果它不已:
不被应用的CSS样式很快。如果你是指this post on google groups它建议手动添加样式:
<ul class="ui-tabs-nav"> ... </ul>
<div class="ui-tabs-panel"> ... </div>
一种方法我以前看到的是嵌入页面的一个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';">
我不确定这是否确实有效。一个缺点是用户在短时间内会出现一个完全白色的屏幕,可能导致他们认为存在问题。
此外,只是一个想法:你的图像有多大 - 你使用适当的压缩? – Paul 2009-10-23 10:39:27