javacript How to optimize “ScrollMagic+TweenMax+GSAP” performance?

[Become Legendary]

At first sight an easy animation causes lags and is choppy on mobile devices.
In Chrome I can reproduce it by going to F12 > emulate mobile > iPhone 6/7/8.
And when the page is scrolled down it's possible to see that the animated text is kind of jiggling up and down, in other words, it's choppy.
GIF with visual representation

 

See the Pen pooRbrY by 1818 (@1818) on CodePen.

[ZachSaucier]

Hey Andrey and welcome to the GreenSock forums!

 

ScrollMagic isn't a GreenSock product and we don't support it here so you may not get a response from other forum members. Hopefully you will though!

 

Good luck with your project!

[Become Legendary]

@ZachSaucier Thanks, I hope I will! I've added the GIF for a better visual representation because you've said on SOF that you can't see any lags. I tried adding will-change: transform, opacity;  which does not seem to help and also tried using TweenMax.lagSmoothing() but I'm not sure if I did it correctly.

[Become Legendary]

Opened up a small bounty on StackOverflow if anyone is interested. I will also post a solution to this problem on this forum if I ever find one.