处理大页面载荷

Question

我的网站基本上是一个大页面，它是一个翻页（powered by jQuery Booklet Plugin），有50页，每页都有艺术作品。此页面的大小在6到7mb之间。这有点大，慢速连接可能需要一段时间才能加载页面。我正在考虑将这本书分成多个类别（因此多个较小的页面），但同时我有这两个问题：

• 处理包含大量内容的网页的最佳方法是什么？

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

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

Answer 1

尝试使用图像优化器压缩图像文件，例如Kraken：http://kraken.io/

Answer 2

您可以尝试延迟加载图片（http://www.appelsiini.net/projects/lazyload） - 图片在页面上可见之前不会被请求。

另一种选择是使用小册子脚本中的change事件使用AJAX加载该页面的内容。这种方式不是最初都需要下载所有内容，但是在客户端更改页面时会看到一些延迟。

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

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