关于预加载的建议

Question

问候并感谢您的时间。

我刚开始为耳机公司建立一个新的营销网站。我仍然是一名学生，剩下的一年，我试图找出最好的方式来继续我为这个网站提供的挑战。

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

我需要建议的地方是网站是一个滚动网站，没有自然要点刷新页面。我们有近25种产品，每种产品都有多种变体，共有超过250张图像。我的老板希望网站尽可能无缝滚动，即用户会左右移动以查看产品，然后用户上下移动以查看特定产品的变化。

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

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

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

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

我'不是寻找一个明确的答案，但如果你想提供一个...我'真的只是寻找建议，并希望一些文章，可以得到的东西去。

Answer 1

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