javascript - 根据浏览器性能添加效果

标签 javascript performance browser

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

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

最佳答案

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

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

关于javascript - 根据浏览器性能添加效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9226124/

相关文章:

.net - Neo4j over bolt 协议(protocol)具有非常高的延迟

javascript - 如何禁止浏览器在表单的输入标签中呈现旧值

browser - 如何在浏览器中更改 `preferes-reduced-motion`设置?

javascript - 提交时重置/清除 div 的先前(用户输入)内容

javascript - 错误 : Could not load module in dojo

javascript - 如何拦截 jquery 数据表搜索函数以在搜索前重新加载数据(函数名称是什么)

javascript - 如何将其更改为ajax功能?

javascript - 在数组中找到最大的 d 使得 a + b + c = d

javascript - 切换 vs 对象查找性能(因为 jsperf 已关闭)

http - 移动浏览器和 HTTP 压缩 (gzip)