我有一个带有大量特殊效果的网络应用程序，主要是CSS转换和不透明度变化，看起来很甜美和专业，但对于一些用户来说有点问题。我收到一些（大部分都是旧的）机器的门票，这些动画是闪烁的，而不是让人觉得很烦人。
这里我要求一种最有效的测试用户性能的方法，因此我可以在body标签上触发一些类，这将简化一些，甚至关闭旧机器的动画。< / p>
我现在的想法是使用一些开源js基准测试（一些测试使用canvas并且不超过200ms）并将结果缓存在localStorage中。问题是，当我在隐藏选项卡中打开我的应用程序时，此基准测试显示错误的结果。如何告诉用户在没有花费太多时间测试和获得最可靠结果的情况下，将获得平稳的50-60fps体验？
谢谢
答案 0 :(得分：1)
如何告诉用户在没有花费太多时间测试和获得最可靠结果的情况下，将获得平稳的50-60fps体验？
我认为没有办法做到这一点。您可以为此订购服务（例如CrossBrowserTesting或Leaptest），以便为这些设备录制视频并自行查看。
根据个人经验 - 我们删除了Android平板电脑和iOS设备的所有奇特的CSS3动画，因为它们在我们的应用程序上意外崩溃。
避免使用具有不透明度动画的大图层，例如模态窗口背景等。
通常情况下，请检查浏览器中repaint & reflow上的videos和articles，然后调试您的应用，了解哪些内容或可能导致用户遇到问题。
希望有所帮助。