javascript - 关于预加载的建议

Question

您好，感谢您抽出宝贵时间。

我刚刚开始了一份新工作，为一家耳机公司建立一个新的营销网站。我仍然是一名学生，还有一年的时间，我试图找出最好的方法来应对这个网站给我的挑战。

该站点是一个视差滚动站点，可以水平和垂直移动。

我需要建议的领域是该网站是一个滚动网站，没有必要进行页面刷新。我们有近 25 种产品，每种产品都有多种变体，总共有 250 多张图片。我的老板希望网站尽可能无缝地滚动，即用户将向左/向右移动以查看产品，然后用户向上/向下移动以查看该特定产品的变体。

加载这些图像的最有效方法是什么？

1. 我的第一个想法是让预加载器在主页加载后开始加载所有内容。这似乎是最简单的解决方案，但可能不太有效？

2. 我的下一个想法是让滚动触发额外的预加载器事件？我已经调查过了，我可以就如何最好地完成这项工作提出一些建议？我试图在合理范围内避免用户看到正在加载的 gif。

3. 还没有下一个想法吗？但请让我参与可能更好的任何其他流程。

我不是在寻找一个明确的答案，尽管如果您想提供一个...我真的只是在寻找建议，希望一些文章可以让事情顺利进行。

Answer 1

我遇到了类似的情况，虽然我的视差站点只是为了实验/娱乐，但我发现了 https://github.com/protonet/jquery.inview/成为一个可能的解决方案。第一个部分的加载器然后在该 View 之后将加载滚动的下一个部分。