我正在开发我的新作品集,我想使用复杂的 javascript(用于动画、移动、影响 dom 元素),并且我将进行尽可能多的优化以最大限度地提高性能。但我无法为我的网站将面临的所有情况做好准备。所以我开始寻找一个脚本,我可以检查浏览器性能(最多几秒钟),并根据性能测试结果我可以设置页面上显示和计算效果的数量。
那么有没有办法检查浏览器性能并设置页面上应用效果的最佳数量?
最佳答案
如果可能,请使用 CSS 变换/过渡而不是纯 js 效果,因为前者通常是硬件加速的,因此速度要快几个数量级。
即使您不使用 CSS 转换,您也可以使用例如检测对它们的支持Modernizr,如果支持,您可以假设该浏览器非常现代并且总体上具有相当好的性能。看看window.requestAnimationFrame ,它会自动限制帧速率。
关于javascript - 根据浏览器性能添加效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9226124/