重定向低性能PC

Question

我正在建立一个包含很多动画的网站，而对于我的笔记本来说，动画滞后了，因为我的笔记本不够好。如何确定用户的PC是否足以加载所有动画，或者需要将其重定向到另一个网站？我想编写一个脚本，为该PC评分，但我不知道如何获取图形卡，CPU和RAM信息。

Answer 1

您无法真正获得客户端硬件的规格，但实际上可以测量FPS：

const start = Date.now();
let frames = 0;
(function tick() {
   frames++;
   requestAnimationFrame(tick);
})();

所以几秒钟后，您可以检查FPS速率是否在一定水平以下：

setTimeout(function() {
  const fps = frames * 1000 / (Date.now() - start) ;
  if(fps < 50) {
    // Redirect ...
  }
}, 3000);