It's laggy on iPhone

[fransoudelaar]

Please check it out on iPhone. It's really laggy. The examples on https://simpleparallax.com/ are laggy as well.

Testet with:
iPhone XR
iOS: 13.4.1
Safari

[geosigno]

Issue has been fixed. Thanks!

[fransoudelaar]

Nice job. Do you release a new version?

[geosigno]

The issue was on the demo website itself, not the plugin.

[fransoudelaar]

The issue still occurs on the demo website as far as I can see on my iPhone. I also encountered this issue on my implementation which is why I report it.

[fransoudelaar]

I captured a screen recording of the behaviour on my iPhone XR in Safari: https://we.tl/t-5pbKSatUgZ

[geosigno]

This is definitely not good! I'll try to reproduce on my side. Was it fixed at some point on the demo website on your phone?

[fransoudelaar]

Not that I know.

[geosigno]

I was able to reproduce it on an other iPhone 8 (exactly the same as mine...). I started to debug it and it seems the delay parameter - that will attach the CSS transition - is causing the issue. By default this delay is set at 0.4.

fransoudelaar, could you please try to set that delay at 0, and check on your local if you are still facing the issue?

[P4KM4N]

I confirm that setting the delay parameter to 0 fix the issue! Thanks

[fransoudelaar]

A delay of 0.2 seems to fix the issue as well on my iPhone XR.

My images got a transition: all 0.3s ease from my lazyloaded classname which was fading in the images. This was conflicting the parallax transition. I removed the transition of the lazyloaded style and changed the delay to 0.2. Works fine now.

[luchi222]

hi my iphone xr has screen stuttering problems, do you think this could solve it?

[geosigno]

The issue seems related to https://bugs.chromium.org/p/chromium/issues/detail?id=899130

[maroluke]

Same behavior solved with setting the delay. Awesome!