SlickGrid - 背景加載頁面

惰性加載功能在SlickGrid中非常酷 - 但是有沒有人有任何背景加載未來頁面的經驗？SlickGrid - 背景加載頁面

因此，這意味着當用戶到達沒有數據加載的網格點時，不會有數據緩衝/加載 - 因此加快了用戶體驗。

2010-07-02 Robert W

您是指延遲加載DOM元素或數據（通過ajax）？ – Tin 2010-07-02 15:45:15

@Tin--數據的延遲加載 - 這工作正常，但我們只是想加載它的異步，以便用戶滾動時不會遇到任何空白。 – 2010-07-05 07:34:31

所以你想要加載網格的初始頁面值的數據，然後開始在後臺下載其餘的？你有沒有考慮過這會導致服務器的額外負載？也許某種預測性的Ajax加載會更好。 – Tin 2010-07-05 18:05:04

我們發現解決類似的問題通過使用setTimeout的，所以每次我們去的時間去50條記錄，我們設置了超時再弄50幾秒鐘。

2010-07-28 10:57:00

這是一個不錯的主意，但它在代碼中看起來如何？我想爲延遲加載JSON數據做類似的事情。 – ghiscoding 2014-05-30 14:21:03

有幾個選項可以提供這種功能。

預取。 Mozilla: Link Prefetching FAQ

添加以下內容的head的page1.htm將允許page2.htm的背景預取瀏覽器支持此功能。

<link rel="next" href="page2.htm" >

正如我所說的，我不知道該做的瀏覽器，不支持這一功能，但是，如果你想對所有的瀏覽器提供同樣的功能，你也可以的代碼，在jQuery是一個爲任何不支持預取的瀏覽器運行的函數，用於創建隱藏的iFrame。

的IFrame StackOverflow: iframe preloading

創建的iframe，像下文中，既可以通過基本的HTML編碼，或動態地使用jQuery，將加載page2.htm同時仍顯示page1.htm（也應該只要參考頁面緩存友好，就可以提供性能提升）。

<iframe src="page2.htm" width="1" height="1" frameborder="0" scrolling="no" style="position:absolute;top:-3000px;left:-3000px;></iframe>

2010-07-02 09:03:25

回答