How to use the Tween library correctly so that the animation does not slow down?

Question

JavaScript

Good day to those who are not indifferent to my trouble)
Once again, I'm trying to figure out how to create sites with beautiful animation like on this site.
I already asked a similar question . Where did I learn about the TweenMax library. That it allows for smoother animations than jQuery's animate(). I dug into the js code, all of the same site . And I found out that its developers also used Tween animation. I got acquainted with a small lesson on Habré I read the documentation on the GreenSock website on some methods. But I'm still unable to create an animation that would be as smooth as on the example site. If the computer is still all right (Light jamming), then on mobile devices it’s generally a disaster.
Tell me someone how you can implement such an animation using Tween. Yes, I understand that we just take and use the method with a specific object. But everything slows down and I don't know what to do about it. Perhaps I'm not using Tween correctly and there are some tricks or a special approach? Basically I animated the elements by changing the x or y values ​​of "transform3d" and not the top or left of the element. So in my opinion the animation is smoother.
Perhaps you know good lessons and examples of creating websites on this topic. Please share your experience and knowledge

Answer 1

Try using css3 animation.

Answer 2

Well, what else can I advise if both css and greesock slow down ...
Draw animations through webgl. Here is a simple framework www.pixijs.com