预加载图像的最佳方式

Question

我刚刚为艺术构建了一个jquery和css网站，并且在加载相当快的visted（缓存）后，加载新访问者需要花费大量的时间。

我的问题是，什么是预加载大量图像的最佳方法。

如果有人有兴趣看的加载时间，您可以点击此处查看：

http://zabetpucket.com/

我很想反馈上花费了多少时间来加载，当然最好的方式来优化这个加载时间。提前致谢。

我很乐意分享代码，如果有人觉得这会让他们更容易给出明确的答案。

=]

Answer 1

我会选择仅加载可见的部分。做一些类似Instagram或Wordpress的东西（我认为Apple也是这么做的），并且在滚动条上有一个事件监听器，以便加载下一部分，而不是整个页面。像@DigitalDesignDj在评论中所建议的那样，优化您的图像也是必须的。

我看到你已经有一个滚动事件处理程序，使部分标题粗体，但你应该看看jQuery .load()加载可见部分（或下一个即将到来的）。通过优化图像，在动画滚动之后或期间加载图像并不是什么大事。

你也可以得到一个加载动画，这对User Experience有好处。