Hello guys, I'm looking for some advices on how to manage lagging animations inside a webflow project. Here is a 2 min video where I show the issue: https://www.loom.com/share/472afd47bd514f7a84c6d78af8c948cb?sid=204ad2ea-4f7c-4593-a84c-6543ebed555b
Thanks to anyone that can give us some insights on how to manage this kind of problems.
I could be completely wrong but I do know that at some point in the process of things like animations etc - it relies on your hardware - via the browser - to run the animation. This lagging feels more like a localized hardware issue more than anything else.
Especially since you mentioned that you made these animations using GSAP - which the reputation of that animation library is that it is robust - meaning that it should run performant.
However I'm sure there are limitations based on the user's hardware.
Another possibility for optimizing this would be that there are always more than one way to do something - so maybe the way they are you are either drawing the gradients, or changing colors etc - there might be a more "performant" way to do this - but I wouldn't know exactly what those are.
I'd need a read-only link to even know where to start and even then its a pretty complex deal unless there is somebody else in the community that is more familiar with GSAP.
additionally if you haven't read this page yet - I would highly recommend it - its talking about a couple of common mistakes people make when implementing GSAP related to performance.
https://gsap.com/resources/mistakes