减少“明显”页面加载时间——如何在“后台”加载资产？

Question

我有一个网站有几个大的 jpg 用作背景图片

http://bitstream.ca/beta3/

页面加载后会出现几秒钟的延迟，然后才会正确显示。

任何人都可以推荐一些方法，无论是使用 jQuery 还是其他方式，在初始页面加载后智能加载额外的资产？

即，伪逻辑将是
1 - 加载初始页面显示的最小资产
2 - 在 #1 完成后，加载页面功能所需的任何其他资产
3 - 在 #2 完成后让 DOM 知道我们准备好了！

Answer 1

是的，您可以进行一些优化。

首先，sprite 和 optimize 您的图像，以使它们尽可能小且易于在一个请求中加载。

在动态加载方面，您可以使用许多插件来延迟加载您不需要的图像和其他内容。退房：

• Yepnope
• Jquery deferreds（让您可以轻松编写自己的小插件）
• Lazy Load