UserControls을 발생시키는 지연이 발생하여 페이지를 더 빨리로드하는 방법은 무엇입니까?

Question

로그인 후 내 웹 사이트에 메인 페이지가 있습니다. 이 페이지는 UserControls에서 구현 한 다른 위젯입니다. 나는 그 usercontrol을 디자인상의 그들의 위치에 놓았다.

코드 비헤이비어에서 각 usercontrols에서 각 usercontrols로 데이터를로드하는 메서드를 호출합니다.

된 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> 

Codebehind가

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

문제가 된 UserControls로드에 시간이 소요되는 것이다. 그래서 1 분 또는 2 분 후에 약간의 지연으로 인해 페이지가로드되는 것입니다. 때로는 3 - 4 분입니다.

페이지와 같은 솔루션이로드되어 usercontrols가 지연 될 때로드되도록합니다. 각 Usercontrol에서 로더 이미지를 나타냅니다. 누구나 해결책을 제안 할 수 있습니까? 아니면 어떤 링크를 제공합니까?

Answer 1

async ajax/jquery ajax를 통해 클라이언트 측 (브라우저)에서 컨트롤 데이터를로드하십시오. 이 방법으로 페이지가 렌더링되고 & 개별 위젯이 클라이언트에서로드됩니다.