FPS Fluctuation and Performance Questions

[metaory]

Hi, I've been analyzing animated gradient performance across a few libraries and noticed this one struggles to maintain consistent FPS (tested on 60Hz displays, fluctuates around 20–30fps).

Is Three.js the main bottleneck here, or is something else affecting performance?

What's interesting is that your demo page runs smoothly, but the FPS drops significantly in a fresh Vite setup. Any idea why?

I'm getting stable 60/120fps using my own raw WebGL implementation with same Vite baseline.

Happy to share the test demo if that's helpful.

[metaory]

here is the test vite app,

https://github.com/metaory/webgl-perf-benchmark

In the ./src/main.js there is condition switching between the two.

set 1 for neat
set 0 for gradient-gl

const doNeat = 0