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

Reproduisez le problème sur processingfoundation.org/grants dans Firefox 141 sous Linux et inspectez l’esquisse de la bannière avec les outils de performance de Firefox DevTools. Suivez les callbacks de requestAnimationFrame et comparez le comportement avec Chrome ; le travail est considéré comme terminé lorsque la bannière ne fait plus monter l’utilisation du CPU à 100 % et ne bloque plus le thread principal pendant des centaines de millisecondes.