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

Reproduziere das Problem unter processingfoundation.org/grants in Firefox 141 unter Linux und untersuche die Banner-Skizze mit den Performance-Tools von Firefox DevTools. Verfolge die requestAnimationFrame-Callbacks und vergleiche das Verhalten mit Chrome; als erledigt gilt die Aufgabe, wenn das Banner die CPU-Auslastung nicht mehr auf 100 % treibt oder den Hauptthread nicht mehr für Hunderte von Millisekunden blockiert.