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

在 Linux 上的 Firefox 141 中复现 processingfoundation.org/grants 的问题，并使用 Firefox DevTools 的性能工具检查横幅草图。跟踪 requestAnimationFrame 回调，并与 Chrome 对比行为；完成的标准是横幅不再将 CPU 使用率推高到 100%，也不再阻塞主线程数百毫秒。