如何使用 JavaScript 检查客户端浏览器性能？

Question

我正在建立一个网站，在网站的一部分，有一个 canvas。每次我在该视口滚动时，浏览器都会变得迟钝。我想检查浏览器性能，例如，"FPS" 和 JavaScript 生成一个函数，条件是如果 fps 低于 50，它不会显示 canvas。

如果您想了解更多信息：我正在使用 p5.js，并且我尽最大努力改进代码以提高性能。

我正在使用 Vue.js。

基本上就是这样。

有没有办法检查浏览器性能？

Answer 1

如果您正在使用 p5.js，那么听起来您正在寻找 frameRate() 函数。

您可以在 reference 中找到更多信息，但总而言之，您可能想做这样的事情：

function draw(){
  background(0);
  text(frameRate(), 100, 100);
}