关于预加载的建议

Question

问候并感谢您的时间。

我刚刚开始为一家耳机公司建立一个新的营销网站。我还是一名学生还有一年的时间，我试图找出最好的方法来接受我为这个网站提供的挑战。

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

我需要建议的区域是网站是滚动网站，没有自然的点进行页面刷新。我们有近25种产品，每种产品有超过250种图像的多种变化。我的老板希望网站尽可能无缝地滚动，即用户将向左/向右移动以查看产品，然后用户向上/向下移动以查看该特定产品的变化。

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

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

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

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

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

Answer 1

我处于类似的情况，虽然我的视差网站只是为了实验/有趣，但我发现https://github.com/protonet/jquery.inview/是一个可能的解决方案。然后在该视图之后的第一部分的加载器将在滚动中加载下一部分。