airbnb / lottie-web

Render After Effects animations natively on Web, Android and iOS, and React Native. http://airbnb.io/lottie/
MIT License
29.85k stars 2.85k forks source link

Changing animations leads to longer pauses at the beginning of an animation, the ready event lasts 5+ seconds #3038

Open bluelemonade opened 8 months ago

bluelemonade commented 8 months ago

Tell us about your environment Samsung A7 tablet

What did you do? Please explain the steps you took before you encountered the problem. example file: https://app.lottiefiles.com/share/df2d50cd-483a-4ba1-a1c1-325856ca693b Within a PWA app, different .lottie files are changed during a quiz game. Sometimes it takes a long time for the files to start.

What could be the reason for this? The files are exported as compressed lotties.

What did you expect to happen? faster loading

What actually happened? Please include as much relevant detail as possible. Changing animations leads to longer pauses at the beginning of an animation, the ready event lasts 5+ seconds, you can simultate it with the chrome performance flag.

Please provide a download link to the After Effects file that demonstrates the problem. I have an After Effects project with 2 compositions, one starts absolutely immediately, the other takes 10 seconds in the Chrome Performance Simulation when the processor is throttled to a quarter.

The compositions are structured the same, or it's not clear to me why the animation takes so long to start.

Please send me a quick message and I'll post the project!