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

未關閉
#642 0 則留言 0 個 reaction 已指派 0 人 在 GitHub 檢視

還沒有人認領這個 Issue。

評估

難度
4/5
預估耗時
3-5 天
新手友好度
35/100
Issue 類型
缺陷
描述清晰度
基本清楚
活躍度
停滯
技術堆疊
javascript

研究方向

在 Linux 上的 Firefox 141 中重現 processingfoundation.org/grants 的問題,並使用 Firefox DevTools 的效能工具檢查橫幅草圖。追蹤 requestAnimationFrame 回呼,並與 Chrome 比較行為;完成的標準是橫幅不再將 CPU 使用率推高到 100%,也不再阻塞主執行緒數百毫秒。

由索引模型根據 Issue 內容生成。

描述

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.

Image

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.

Image

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

主要語言
MDX
星號
90
分支
122
平均合併
1 小時 43 分鐘
30 天內合併 PR
3

貢獻指南

這個儲存庫沒有索引到貢獻指南

從這裡開始

  1. 先讀完整個 Issue,再讀專案的貢獻指南。
  2. 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
  3. Fork 儲存庫,在一個分支上完成修改。
  4. 送出 Pull Request,並在描述裡引用這個 Issue 編號。

processing/processing-website 的其他 Issue

查看 processing/processing-website 的全部 Issue

相似的 Issue

更多 Web Dev Issue

把新 issue 寄到你的電子郵件信箱

精選適合新手參與的 GitHub issue 摘要。