Html 处理大页面负载

我有一个网站，基本上是一个大页面，它是一本动画书（），有50页，每页都有插图。这个页面的大小在6-7mb之间。这是一个有点大和缓慢的连接可能需要一段时间来加载页面。我正在研究将这本书分成多个类别（因此有多个较小的页面），但同时我有两个问题：

• 处理包含大量内容的页面加载的最佳方法是什么

• 大型网站如何处理这些问题

---

注意：我无法对页面上的图像使用精灵。

您可以尝试延迟加载图像(http://www.appelsiini.net/projects/lazyload)-在页面上显示图像之前，不会请求图像

另一个选项是使用小册子脚本中的

change

事件，使用AJAX加载该页面的内容。通过这种方式，最初并不需要下载所有内容，但是在客户端更改页面时会出现一些延迟

$(".selector").booklet({
    change: function(event, data) { ... }
});

---

大多数具有“无休止”滚动的大型网站（例如Facebook）使用AJAX仅在需要时加载更多内容。

尝试使用图像优化器压缩图像文件，如Kraken: