预加载图像的最佳方法

时间:2013-03-12 03:09:02

标签: jquery css preload

我刚刚为艺术创建了一个jquery和css网站,加载新访问者需要花费大量的时间,在访问后(缓存)加载速度相当快。

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

如果有人对查看加载时间感兴趣,可以在此处查看:

http://zabetpucket.com/

我很想反馈加载需要多长时间,当然也是优化加载时间的最佳方法。提前谢谢。

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

=]

1 个答案:

答案 0 :(得分:2)

我会选择只加载可见的部分。做一些像Instagram或Wordpress(我认为Apple也这样做)并在滚动条上有一个事件监听器,以便它加载下一部分,而不是整个页面。正如@DigitalDesignDj在评论中所暗示的那样,优化图像也是必须的。

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

你也可以获得加载动画,这对User Experience很有用。