根据浏览器性能添加效果

Add effects depending on browser performance

本文关键字：添加性能浏览器更新时间：2023-09-26

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

那么，有什么方法可以检查浏览器性能并设置页面上应用效果的最佳数量吗？

如果可能，请使用CSS转换/转换，而不是纯js效果，因为前者通常是硬件加速的，因此速度快几个数量级。

即使你不使用CSS转换，你也可以使用例如modernizr来检测对它们的支持，如果支持，你可以假设浏览器是非常现代的，并且总体上具有相当好的性能。看看window.requestAnimationFrame，它会自动调节帧速率。