我使用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