什麼是使橫向捲動網站快速加載的最佳方式？

Question

我是新來堆棧溢出和編程，所以原諒我的任何尷尬的措辭！

我在建立一個圖形豐富，尺寸爲680x9400px的橫向捲動網站。我將使用一些javascript和/或mootools來創建一個很酷的橫向滾動效果，類似於http://sursly.com。

我的網絡優化中使用的所有圖像，但想知道是否有人對如何加快頁面加載任何其他的想法？例如，有什麼方法可以在水平段預加載網站？

在此先感謝。

Answer 1

使用類似的jQuery Lazy Loading Plugin你可以得到一個感知的加速，因爲只有可見光圖像上會被加載。所以他們不會與屏幕外圖像競爭。

我知道你可能會使用mootools，但如果他們沒有類似的東西，它會讓我感到驚訝。

Answer 2

請注意，Sursly網站上的大多數圖形都是純黑色和白色。這使得網站的加載速度顯着加快，因爲文件可以優化。

Answer 3

我同意Past One的回答，但會稍微修改一下：不是在需要時加載它，而是在可以時加載它。也就是說，最初只加載第一頁。一旦載入，然後加載第二個，然後第三個等。

跟蹤哪些部分有且尚未加載，如果請求「頁」尚未加載，則顯示「請稍候」的牌子和凹凸那個頁面了優先級隊列。

如果您有興趣獲得搜索引擎索引，請記住謹慎使用這些技術。

Answer 4

大多數執行此項工作的網站都像Google Maps一樣工作。他們將世界（或者你的情況，虛擬的橫向滾動頁面）分成圖塊。當用戶滾動時，AJAX用於加載下一個圖塊，並在用戶到達當前可見圖塊的邊緣時顯示。

你可以在每邊加載多個尚未可見的瓷磚，如果你想要的，但它會採取更多的客戶端內存，以便更好的用戶體驗。