什么是使横向卷动网站快速加载的最佳方式？

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用于加载下一个图块，并在用户到达当前可见图块的边缘时显示。

你可以在每边加载多个尚未可见的瓷砖，如果你想要的，但它会采取更多的客户端内存，以便更好的用户体验。