延遲加載jQuery

我有一個頁面，使用jQuery和一點點的jQuery UI，並顯示一個7頁長的問卷嚮導。嚮導的每個部分基本上都是一個div，稍後當用戶進入相應頁面時顯示該div。延遲加載jQuery

我覺得網站的加載時間很慢，並且正在考慮是否延遲加載第一頁後面的6個頁面，這是因爲它至少在用戶開始前幾秒鐘才加載到下一頁。我不使用jQuery選項卡，而是使用自定義嚮導插件。

謝謝！

2011-07-18 Raiders

是的，那是一個選項。你有更具體的問題可以幫助我們嗎？ –

是 - 實現此目標的最佳方法是什麼？我有7個div，每個包含頁面，所有div都在該主頁面上。我想推遲div的加載，以便主頁加載更快，最好的方法是什麼？ – Raiders

setTimeout(function(){ 
    $('#secondTab').ajax('your-url-for-the-second-tab'); 
},2000);

2011-07-18 17:38:08

所以它更好地取出其他div的html並將其粘貼到由ajax返回的另一個頁面中？ – Raiders

如果你想延遲加載後續的div，那麼你將不得不將它們從主頁面中刪除，然後根據需要動態加載它們與ajax調用。這將需要在兩個客戶端上進行更改（編寫ajax調用以加載後續div並根據需要顯示它們）和服務器上（將它們從主頁面中刪除並將它們放在可以使用Ajax調用檢索它們的位置）。

2011-07-18 17:46:14 jfriend00

謝謝 - 但這是做到這一點的正確方法嗎？這是優化加載這些div的最佳方式嗎？ – Raiders

沒有看到實際的內容，我真的不能說。這將是一個辦法。也許內容過於臃腫，解決這個問題的最好方法就是減少內容。你必須發佈一個鏈接到真正的內容，並附上一些關於div結構的信息，以供我們看一看。有效地寫入純HTML的加載很少是實際的瓶頸（一個圖像通常比所有頁面HTML大）。 – jfriend00

回答