我是堆栈溢出和编程的新手，所以请原谅我任何尴尬的措辞！
我正在构建一个图形丰富、尺寸为 680x9400 像素的横向滚动网站。我将使用一些 javascript 和/或 mootools 来创建一个很酷的横向滚动效果，类似于 http://sursly.com。
我正在对所有使用的图像进行网络优化，但想知道是否有人对如何加快页面加载有任何其他想法？例如，有什么方法可以在水平部分预加载网站吗？
提前致谢。
使用诸如 jQuery 延迟加载插件之类的东西，您可以获得明显的加速，因为只会加载可见图像。所以它们不会与屏幕外的图像竞争。
我知道你可能会使用 mootools，但如果他们没有类似的东西，我会感到惊讶。
请注意，Sursly 网站上的大多数图形都是纯黑白的。这使得网站加载速度显着加快，因为文件可以得到优化。
我同意过去的答案，但会稍微修改一下：不要在需要时加载它，而是在可以的时候加载它。也就是说，最初只加载第一页。一旦加载完毕，然后加载第二个，然后第三个，依此类推。
跟踪哪些部分已加载和尚未加载，如果请求未加载的“页面”，则显示“请稍候”标志并将该页面提升到优先级队列中。
如果您有兴趣被搜索引擎索引，请记住要小心使用这些技术。
大多数执行此操作的网站都像 Google 地图一样工作。他们将世界（或者在您的情况下，虚拟横向滚动页面）划分为图块。当用户滚动时，AJAX 用于加载下一个图块，并在用户到达当前可见图块的边缘时显示。
如果需要，您可以在每一侧加载多个尚不可见的图块，但这将需要更多的客户端内存才能获得更好的用户体验。