C# 在加载所有内容之前，加载ASP.NET页面起初看起来很奇怪_C#_Asp.net_Html

C# 在加载所有内容之前，加载ASP.NET页面起初看起来很奇怪

c# asp.net html

C# 在加载所有内容之前，加载ASP.NET页面起初看起来很奇怪,c#,asp.net,html,C#,Asp.net,Html,我正在使用ASP.NET3.5和JQuery、JS文件、CSS文件以及大量图片作为背景。由于某些原因，当您第一次加载页面时，在您完成加载页面上的所有内容之前，所有内容都是不正常的为什么会这样我如何解决这个问题提前谢谢原因是CSS样式、脚本和图像尚未完全下载。浏览器显示没有样式的HTML，这就是为什么你会看到奇怪的外观。一旦所有的东西都被下载和解释，所有的东西都会突然到位理想情况下，您应该以某种方式减少依赖项的大小。或者为您的服务器使用更快的连接，但后者可能非常昂贵。原因是CSS样式

我正在使用ASP.NET3.5和JQuery、JS文件、CSS文件以及大量图片作为背景。由于某些原因，当您第一次加载页面时，在您完成加载页面上的所有内容之前，所有内容都是不正常的

为什么会这样
我如何解决这个问题

提前谢谢

原因是CSS样式、脚本和图像尚未完全下载。浏览器显示没有样式的HTML，这就是为什么你会看到奇怪的外观。一旦所有的东西都被下载和解释，所有的东西都会突然到位

理想情况下，您应该以某种方式减少依赖项的大小。或者为您的服务器使用更快的连接，但后者可能非常昂贵。

您可以做一些事情来缩短下载时间，以最大限度地减少此问题

您可以缩小Java脚本：

通过组合javascripts减少下载的资源量。如果可能的话，您还可以组合CSS文件

ySlow firefox插件可以为您分析站点，并就您可以做的一些事情提供建议：

如果还没有打开GZIP压缩，您可能还想看看它：

您可以做一些事情来缩短下载时间，以最大限度地减少此问题

您可以缩小Java脚本：

通过组合javascripts减少下载的资源量。如果可能的话，您还可以组合CSS文件

ySlow firefox插件可以为您分析站点，并就您可以做的一些事情提供建议：

如果还没有打开GZIP压缩，您可能还想看看它：

CSS样式应用得不够快。如果参考，建议手动添加样式：

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

...

CSS样式应用得不够快。如果参考，建议手动添加样式：

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

...

我以前见过的一种方法是将页面的主要内容嵌入div中，该div最初设置为不可见

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


... 你的内容在这里。。。

然后，在javascript中的页面加载事件中，将main div设置为可见

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

但我不确定这是否有效。一个缺点是，用户会在短时间内看到一个完全白色的屏幕，这可能会让他们认为存在问题。

我以前见过的一种方法是将页面的主要内容嵌入到一个div中，该div最初设置为不可见

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


... 你的内容在这里。。。

然后，在javascript中的页面加载事件中，将main div设置为可见

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

但我不确定这是否有效。一个缺点是，用户会在短时间内看到一个完全白色的屏幕，这可能会让他们认为有问题。

还有一个想法：你的图像有多大？你对它们进行了适当的压缩吗？还有一个想法：你的图像有多大？你对它们进行了适当的压缩吗？