Poor mobile performance, jittery animation

[ghost]

The animation on mobile is unusable, it's unfortunate since this library has more functionality than the others. I tried some images with this library and compared them to the other parallax libraries, unfortunately, the others outperformed this library.

[scottjr632]

Thanks for letting me know about this! I think mobile performance is very important and will try to figure out what is causing this issue when I get a chance.

[JuanPabloOS]

any updates on this?

[scottjr632]

Apologies everyone, I've been swamped with school and work and have not had a solid chance to take a look at this.

However, I did briefly try to replicate the issue and could not. Using the storyboard on mobile, the animations are still smooth. @JuanPabloOS or @pcdependency do you have any specific examples of this or any code that could help me duplicate this issue?
So far I have tested it on chromium based browsers (new edge, brave, chrome), Firefox, and Safari and could not replicate.
A gif of the issue would also be helpful.

[JuanPabloOS]

I just started using the rellax wrapper, and I was curious about the only one issue that the package has at the moment, but I haven't experienced this jittery animation, in any case I'll let you know if I'm able to replicate it

[ghost]

I found that 4K images are a major issue on mobile. If you are just testing a simple 2k image that is less than 10mb in size and cut up a few times for a parallax banner, then it works fine. But when you use a 4K image, although it is also less mb in size than the 2k image, it still starts to have jerky animation. I tried every single parallax library for npm, and this one is by far the easiest to use and surprisingly has the most features, but it lacks any ability to have allot of parallax animations going at once. So I decided to go full 3D with three.js, because I think that the browser throttles 3D transformations within CSS.

…

On Tue, Mar 2, 2021 at 9:53 AM Juan Pablo Olvera Sánchez < ***@***.***> wrote: I just started using the rellax wrapper, and I was curious about the only one issue that the package has at the moment, but I haven't experienced this jittery animation, in any case I'll let you know if I'm able to replicate it — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#12 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/APJAITQEBG4GCXBAGWSBREDTBUJYVANCNFSM4XBJPOUQ> .

[scottjr632]

@pcdependency Thanks for bringing this up! I made this library to be as simple as possible to add parallax to a website without giving up any features or performance. I will attempt to look into this more, however, since it seems to only affect 4K images it might be some time until I fix it or find out if it is even a fixable issue.

I will leave this issue open in case anyone else experiences this issue.