모든 것이로드 될 때까지 처음에는 ASP.NET 페이지를로드하는 것이 이상하게 보입니다.

ASP.NET 3.5를 JQuery, JS 파일, CSS 파일 및 많은 배경 이미지로 사용하고 있습니다. 어떤 이유로 페이지를 처음로드 할 때 페이지의 모든 내용을로드 할 때까지 모든 것이 엉망이됩니다.모든 것이로드 될 때까지 처음에는 ASP.NET 페이지를로드하는 것이 이상하게 보입니다.

미리 감사드립니다.

2009-10-23 Etienne

그 이유는 CSS 스타일, 스크립트 및 이미지가 완전히 다운로드되지 않았기 때문입니다. 브라우저는 스타일이없는 HTML을 보여 주므로 이상한 표정을 얻습니다. 일단 모든 것이 다운로드되고 해석되면, 모든 것이 갑자기 사라집니다.

어떻게 든 의존성 크기를 이상적으로 줄여야합니다. 또는 귀하의 서버에 대한 빠른 연결을 사용하지만, 후자는 상당히 비쌀 수 있습니다.

2009-10-23 10:02:38

이 문제를 최소화하기 위해 다운로드 시간을 줄이려면 몇 가지 방법이 있습니다.

당신은 자바 스크립트를 작게를 할 수 있습니다

는 자바 스크립트를 결합하여 다운로드되는 자원의 양을 줄일 수 있습니다. 가능한 경우 CSS 파일을 결합 할 수도 있습니다.

YSlow에 파이어 폭스 플러그인은 당신을 위해 당신의 위치를 분석하고 당신이 할 수있는 몇 가지에 대한 제안을 제공 할 수 있습니다 : 그렇지 않은 경우

당신은 또한 GZIP 압축 켜기를보고 할 수 있습니다를 이미 :

2009-10-23 10:14:54 Paul

또한 생각해보십시오. 이미지의 크기가 얼마나 큽니까? 적절한 압축을 사용하고 있습니까? – Paul

CSS 스타일은 곧 적용되지 않습니다. 당신이 this post on google groups를 참조하면 수동으로 스타일을 추가 조언 : 내가 전에 본

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

2009-10-23 11:03:13 cloggins

한 가지 방법은, 처음은 표시로 설정되어 사업부에서 페이지의 주요 내용을 포함하는 것입니다

<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';">

나는 이것이 효과적 일지는 확실하지 않습니다. 한 가지 단점은 사용자가 잠시 동안 완전히 흰색 화면을 표시하여 문제가 있다고 생각할 수 있다는 것입니다.

2009-10-24 09:09:37

답변