使用Ajax請求加載局部視圖

Question

我的主頁本身大約有25K，但是我有幾張PNG圖像，一旦完全加載就會達到2 MEG。我正在考慮首先加載沒有任何圖像的頁面（或沒有包含所有PNG和一些HTML的橫幅），然後一旦頁面加載，使用jQuery/Ajax請求加載部分視圖（其中包含圖像和a多一點HTML）。我的問題是，ajax請求的完整功能只在所有圖像實際加載後才運行？而且，這是一個好主意嗎？

Answer 1

編輯： 我很抱歉最初誤解了這個問題。 您的瀏覽器將首先將所有非圖形內容加載到DOM中，然後繼續加載所有圖像。在看到圖像之前，您將看到內容。但是，作爲一個側面提示，我建議你對這些2MB的圖像做些什麼，它們需要一段時間才能加載，特別是在撥號連接時。

希望這會有所幫助。

Answer 2

使用衆所周知的jQuery文檔準備好;

<script type="text/javascript"> 
    $(document).ready(function() { 
     //JS Script 
    }); 
</script> 

頁面READY時執行Javascript。 I.E.，當頁面準備好操作時，但圖像不一定會加載。在我看來，在稍後的階段遠程請求圖像沒有意義，因爲這會給服務器帶來更多負擔，並且如果有的話，會增加頁面的整體加載時間。 請放心，即使圖像未加載，您的JavaScript也會執行。