根据浏览器性能添加效果

Question

我正在研究我的新产品组合，我想使用复杂的javascript（用于动画，移动，影响dom元素），我将尽可能地进行优化以最大化性能。但我无法准备我的网站所面临的所有情况。所以我开始寻找一个脚本，我可以检查浏览器的性能（最多只需几秒钟），根据性能测试结果，我可以在页面上设置显示和计算的效果数。

那么有没有办法检查浏览器性能并在页面上设置最佳应用效果数？

Answer 1

如果可能的话，使用CSS变换/转换而不是pure-js效果，因为前者通常是硬件加速的，因此速度要快一些。

即使您不使用CSS变换，也可以使用例如CSS变换来检测它们。现代化，如果支持，您可以假设浏览器非常现代，并且通常具有相当好的性能。看看window.requestAnimationFrame，它会自动限制帧速率。