CSS动画业绩比较基准

Question

我有一个web应用程序有以下─literally-吨的特殊效果，主要是CSS变换和不透明度的变化，看起来甜蜜和专业，但对于一些用户有点问题，但。我收到的门票，在一些（主要是比较旧的）机器的动画闪烁，而不是给顺眼，他们是讨厌。

我在这里要求的测试用户行为最有效的方法，所以我将能够在其上触发body标签，这将简化一些，甚至关闭那些动画老机器的一些类。

我现在的想法是使用一些开源JS基准（一些测试使用的画布和时间不会超过200ms）和缓存结果的localStorage。问题是，当我在隐藏标签中打开我的应用程序时，此基准测试显示错误的结果。如何告诉用户将有平稳的50-60fps的体验，而不需要花费太多的时间来测试并获得最可靠的结果？

谢谢

Answer 1

如何告诉用户将拥有流畅的50-60fps经验没有考虑太多时间来检验，并有最可靠的结果？

我不认为有一种方法可以做到这一点。潜在的，你可以订购该服务（如CrossBrowserTesting或Leaptest）来获取这些设备的录像，看看自己。

从个人体验 - 我们删除Android平板电脑和iOS设备的所有花哨的CSS3动画，因为那些意外崩溃在我们的应用程序。

避免与不透明的动画大层，像模态窗口背景等

一般 - 检查repaint & reflow的videos和articles在浏览器和调试您的应用程序，看看什么是或可能会导致问题的用户。

希望有所帮助。