javascript - 检查系统是否能流畅显示JS效果

Question

我想知道是否有一种简单的方法可以在浏览器上实现渲染速度的快速基准测试？

拥有精美的动画效果固然不错，但前提是机器可以处理它。有了 SVG 和 jQuery 为大众提供的所有效果，就有可能以可视化和动画方式显示大量数据。但是，没有简单的方法(我现在还可以找到)来检查用户代理是否应该传送数据的“华丽动画 svg”、“静态 svg”或“表格”版本。

谢谢

Answer 1

我所知道的唯一方法是实际运行一个有代表性的动画并测量它的速度，无论是及时渲染 x 帧还是每个固定时间的总帧数。 jQuery 和 YUI 中的动画库根据每帧渲染的速度调整它们渲染的帧数。您可以看看他们是如何做到这一点的，以获得一些想法如何衡量这一点，或者如果您正在使用这些库之一，您甚至可以在动画后从中获取信息。

您可以运行此测试动画，然后对结果进行 cookie，然后仅在找不到 cookie 时才重新运行测试动画。或者，您可以在您的应用程序的正常运行过程中运行所需的动画，但要衡量它的工作情况，如果它太慢或不稳定，那么下次您需要使用更快的东西。