jakearchibald/svgomg

Revisit `setTimeout` usage/JS animations

Open

#332 aperta il 29 set 2021

Vedi su GitHub
 (0 commenti) (0 reazioni) (0 assegnatari)JavaScript (474 fork)batch import
enhancementhelp wanted

Metriche repository

Star
 (5473 star)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

There are known performance issues with setTimeout. IIRC requestAnimationFrame should behave better.

I notice junky settings checkboxes animation on Firefox for Android when Power Saving is enabled on the device. Not sure it's related, but it would probably be better to use rAF anyway?

EDIT: we are also using offsetLeft is ripple. Not sure if there's a better way to do the same thing nowadays.

Guida contributor

Direzione di ricerca
Rivedi tutti gli usi di setTimeout nel codice, sostituiscili con requestAnimationFrame per animazioni più fluide. Inoltre, indaga l'uso di offsetLeft nell'effetto ripple e considera l'utilizzo di CSS moderni o dell'API Web Animations.
Tech stack
javascript
Dominio
frontend
Tipo issue
Performance
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
JavaScript
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75