Hey guys, I’m experimenting with the new GSAP UI. Everything was fine at first.
Then the first few animations started lagging. And the more animations I add, the more laggy it becomes. But from all I read GSAP is supposed to be very light and great for performance.
So someone please tell me what I’m doing wrong.
Here is my public share link: LINK
GSAP isn’t the issue, lag usually comes from animating layout properties or running too many Scroll Triggers/timelines at once. Stick to transform/opacity, avoid top/left/height, and consolidate timelines; we hit the same slowdown on a client build with the new UI.
Thanks for your answer. I’m running a lot of “scroll trigger = Play animation” but I feel this is something that should be possible without lag right? I mean in the previous version UI of animation I was running a lot of scroll triggers.
Currently I’m mostly using just Move Y, opacity, staggers (but not many at the same time, just one by one when the section scrolls into screen)
Did you solve the slowdown by removing the scroll triggers?