Force High-Performance

hpa.js

// FHP - Force High Performance (Mode)
// Demands that your browser renders frames constantly, triggering a higher-performance render
let fps = 0;
let lastT = 0;
let mounted = false; // if in sveltekit, set this to true onMount(), and false onDestroy()!
const animLoop = (t) => {
  t = t / 1000;
  if (lastT !== 0) {
    fps = 1 / (t - lastT);
  }
  lastT = t;
  if (mounted) requestAnimationFrame(animLoop);
};
requestAnimationFrame(animLoop); // if in sveltekit, put this in your onMount!