processing / processing/processing-website
Performance Issue | banner on processingfoundation.org/grants taking up 100% of CPU (on firefox)
まだ誰も着手していません。
- 主要言語
- MDX
- スター
- 90
- フォーク
- 122
- 平均マージ
- 1時間 43分
- マージ済み PR（30日）
- 3
説明
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
コントリビューションガイド
このリポジトリのコントリビューションガイドは索引されていません
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
調査の方向性
Linux 上の Firefox 141 で processingfoundation.org/grants の問題を再現し、Firefox DevTools のパフォーマンスツールでバナーのスケッチを調査します。requestAnimationFrame コールバックを追跡し、Chrome と動作を比較します。完了の条件は、バナーによって CPU 使用率が 100% まで上昇せず、メインスレッドが数百ミリ秒にわたってブロックされなくなることです。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- javascript
- 領域
- frontend, performance, web-dev
- issue の種類
- バグ
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 活発さ
- 停滞
- 明瞭さ
- おおむね明確
- 初心者へのやさしさ
- 35/100