jquery - 预加载图像的最佳方式

Question

我刚刚为艺术建立了一个 jquery 和 css 网站，新访问者的加载时间非常长，在访问（缓存）之后加载速度相当快。

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

如果有人有兴趣查看加载时间，可以在这里查看：

http://zabetpucket.com/

我很想反馈加载需要多长时间，当然还有优化加载时间的最佳方法。提前致谢。

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

=]

Answer 1

我会选择只加载可见的部分。执行 Instagram 或 Wordpress 之类的操作（我认为 Apple 也在这样做）并在滚动条上设置一个事件侦听器，以便加载下一部分，而不是整个页面。正如@DigitalDesignDj 在评论中建议的那样，优化您的图像也是必须的。

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

您也可以获得加载动画，这对用户体验有好处。