估计浏览器JS引擎速度以有条件地禁用动画

Question

是否有标准(接受/简单/高性能)方式来确定客户端计算机呈现javascript的速度有多快？

当我在其他标签上运行网络应用程序(视频等)时,我的JS动画会慢慢爬行.

如果我能从我的JS中检测到缓慢,我会使用更简单的动画来提供更好的用户体验.

更新:

删除每个人的动画不是答案.我说的是最简单的动画,它会根据浏览器/计算机而断断续续.如果我能检测到缓慢的程度,我会简单地禁用它们.

这与具有动态图形质量的视频游戏相同:您希望用旧计算机取悦用户而不会惩罚那些具有额外处理能力的人.

Answer 1

一个技巧是禁用这些隐藏的动画。如果它们位于另一个没有焦点的选项卡上，那么让它们保持动画有什么用呢？

另一个是将动画保持在最低限度。我假设你在 DOM 上，并且 DOM 操作是昂贵的。也将它们保持在最低限度。

我在某处得到的一个提示是，如果您正在使用图像动画操作，请考虑使用画布，这样您就不会在 DOM 上进行操作。

另外，请考虑渐进增强。保持你的功能简单，然后逐步处理复杂的事情。每次添加新内容时，请使用简单的功能作为基准。这样，您可以轻松确定导致问题的原因并进行相应的修复。

您首先应该解决的主要问题是为什么慢，而不是何时慢。