Performance Issue | banner on processingfoundation.org/grants taking up 100% of CPU (on firefox)
Mantenedores costumam responder em até 1 dia
Ninguém assumiu esta issue ainda.
Avaliação
- Dificuldade
- 4/5
- Tempo estimado
- 3-5 dias
- Facilidade para iniciantes
- 35/100
- Tipo de issue
- Bug
- Clareza
- Razoavelmente clara
- Status de atividade
- Estagnada
- Stack de tecnologia
- javascript
- Domínio
- frontend, performance, web-dev
Direção de pesquisa
Reproduza o problema em processingfoundation.org/grants no Firefox 141 no Linux e inspecione o esboço do banner com as ferramentas de desempenho do Firefox DevTools. Rastreie os callbacks de requestAnimationFrame e compare o comportamento com o Chrome; considera-se concluído quando o banner não elevar mais o uso da CPU a 100% nem bloquear a thread principal por centenas de milissegundos.
Escrita pelo modelo de indexação a partir do texto da issue.
Descrição
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
- Linguagem predominante
- MDX
- Estrelas
- 91
- Forks
- 121
- Merge médio
- 1h 20min
- PRs com merge (30d)
- 4
Preparar o ambiente
Este projeto não oferece contêiner de desenvolvimento, Dockerfile nem guia de contribuição, então a configuração fica por sua conta: comece pelo README e veja nosso guia da primeira contribuição para os passos gerais.
Primeiros passos
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Mais de processing/processing-website
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 76/100
processing/processing-website#716 ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 68/100
processing/processing-website#703 ·
Mantenedores costumam responder em até 1 dia
-
Good First Issue Help Wanted Reference
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 90/100
processing/processing-website#698 · 5 comentários · 1 reação ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 72/100
processing/processing-website#681 · 2 comentários ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 65/100
processing/processing-website#646 · 3 comentários ·
Mantenedores costumam responder em até 1 dia
Todas as issues de processing/processing-website
Issues semelhantes
-
bug chart-audit gpu
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 78/100
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 88/100
Mantenedores costumam responder em até 1 dia
-
external-issue to-triage
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 82/100
Mantenedores costumam responder em até 1 dia
-
www.v-1.co.ilAbertaN: AdGuard for Windows P2: High T: Social Widget
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 62/100
AdguardTeam/AdguardFilters#243264 ·
Mantenedores costumam responder em até 1 dia
-
bug HemiStake
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 68/100
hemilabs/ui-monorepo#2413 ·
Mantenedores costumam responder em até 1 dia