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

Tái hiện vấn đề tại processingfoundation.org/grants trên Firefox 141 trong Linux và kiểm tra bản phác thảo banner bằng các công cụ hiệu năng của Firefox DevTools. Theo dõi các callback của requestAnimationFrame và so sánh hành vi với Chrome; được xem là hoàn tất khi banner không còn khiến mức sử dụng CPU tăng lên 100% hoặc chặn luồng chính trong hàng trăm mili giây.