提高jQuery的性能，预加载，动画和多少是多少？

Question

我读了所有类似的问题，但似乎没有一个问题适合我的问题所以我决定在这里提出一个问题。

我在网站上有一个照片库页面。它管理大约100个图像。它工作得很好。但是，我对TQM（全面质量管理）和Kai Zen感兴趣（从不完美，所以总是改进它）。在这些方面，我有一些问题：

1. 一页上有多少动画动画？如果用户使用页面时没有延迟，这是否意味着动画可以保留？

2. 预加载多少预加载？我在页面加载时使用javascript和jQuery来缓存图像。它只缓存其中的一部分，其他人在用户导航时加载。我应该关注在客户端接管图像需要多少内存？我应该一次性预加载，还是在用户导航时？如果没有滞后，我应该改变机制的工作方式吗？

很抱歉没有代码的很多问题，但这些问题与该系统的实现有关，并且在发布之前对我的一些迭代有很大帮助。提前谢谢。

Answer 1

我认为这里的答案可能有点主观。

我会说，就动画而言 - 有两件事会阻止我添加更多 - 一个是当它开始看起来迟钝/波动，如果一切都在同一时间发射（但想到用户 - 你可能拥有一台带有现代硬件加速浏览器的高端PC，但它们可能没有。）

然而，在此之前，我会看到页面，只是看到我发现它有多烦人 - 有太多的东西和动画，就像很多东西一样，你会发现越少越好。

对于第二个问题 - 缓存其明智之处。不要担心内存，因为客户端会处理内存，但担心页面加载速度。如果您的页面未在合理的时间内（几秒钟）加载并准备好使用，请考虑减少预加载和“按需”执行更多操作，因为用户体验是关键。一个缓慢的网站是一个未读的网站。

Answer 2

这完全取决于您的目标平台和浏览器......

1. 对于jQuery动画，动画持续时间/迭代和涉及的属性将是除动画数量之外的另一个因素。我会说：

   • jQuery动画适用于其他几个桌面，除非占用JS线程的JS代码不多 - 检查CPU使用情况。 （简而言之，非循环，简单的动画不会太强硬CPU）。
   • jQuery动画不行对于移动平台，你应该使用CSS3动画而不是

2. 避免一次加载/预加载太多图像，因为使用CPU资源的网络连接和图像预加载将占用一定量的RAM。
   （取决于你的图像和你的用户内存有多大 - 除非这是非常旧的机器或移动设备，或者这是大图像，例如2048x1024，大多数现代桌面都可以）。
   逐页预加载将是一种合理的方法。我的建议不到10，特别是你有其他的ajax请求，你可能没有火箭快速服务器，所以你的装载仍然是合理的。