如何在延迟导致UserControls的情况下更快地加载页面？

Question

在我的网站登录后，我有一个主页。在这个页面中，它们是不同的小部件，我在Usercontrols中实现了这些小部件。我已经将这些用户控件放在了设计中的位置。

在代码背后，我从每个用户控件中调用一个方法，将数据加载到相应的用户控件中。

用户控件客户端代码

<div class="box1">
     <Custom:UC1 ID="UC11" runat="server">
     </Custom:UC1>
 </div>
<div class="box2">
    <Custom:UC2 ID="UC22" runat="server">
    </Custom:UC2>
</div>
<div class="box3">
    <Custom:UC3 ID="UC33" runat="server">
    </Custom:UC3>
</div>
          |
          |
          |
<div class="box10">
    <Custom:UC10 ID="UC1010" runat="server">
    </Custom:UC10>
</div>

代码背后

UC11.Load();
UC22.BindData();
UC33.LoadData()
|
|
|
UC1010.CopyData();

问题是用户控件的加载时间很长。这就是为什么页面会因为一些延迟而加载，在一分钟或两分钟之后。有时是3-4分钟。

我想要一个解决方案，像一个页面将被加载，并让用户控件在他们的延迟加载。我将在每个Usercontrol中指定一个加载器映像。有人能给我提个解决方案吗？或者给出任何链接？

Answer 1

通过异步ajax / jquery ajax在客户端(浏览器)加载控件的数据。以这种方式呈现页面&各个小部件将在客户端加载。