Performance Issue | banner on processingfoundation.org/grants taking up 100% of CPU (on firefox)

Select the most appropriate label(s) for this issue.

Performance

Describe the bug

the banner on the grant sub-page of processingfoundation.org makes the website take up 100% of the CPU.

my quick performance test from the firefox devTools revealed, that there are a lot of calls to requestAnimationFrame callback which sometimes take up to 500ms and therefore blocking the main thread.

I originally noticed this when I had my own p5.js sketch running on a second screen and the sketch suddenly lagging extremly behind. I"ve also conducted a quick test on my machine with chrome where the problem doesn't seem to appear, tomorrow I might also test it on my macBook with safari.

Expected behavior

The processingfoundation.org/grants banner-sketch shouldnt be taking up 100% of browser CPU

Browser

Firefox

Browser version

141.0 (64-bit)

Operating system

Linux POP_OS

Riproduci il problema su processingfoundation.org/grants in Firefox 141 su Linux e ispeziona lo sketch del banner con gli strumenti per le prestazioni di Firefox DevTools. Traccia le callback di requestAnimationFrame e confronta il comportamento con Chrome; il lavoro è completato quando il banner non porta più l'utilizzo della CPU al 100% e non blocca più il thread principale per centinaia di millisecondi.