Luiz Felipe

Maybe that will be the best solution for me. I'll take my way. I appreciate your help pretty much! Thousand thanks!

Hey! Thanks for reply. I considered using canvas, but I confess I have no idea where to start. Can I use GSAP to animate graphics rendered in 2D and 3D contexts? And if I choose to use the motionPath plugin, will I see possible performance gains?

Hi guys, I'm a newbie using GSAP and i read lot of things about Firefox poor performance using transform/translate properties. Now, i'm working on a website project that uses GSAP as base for the animations. I have something about 50 elements animated on this page, and the most are images and SVG's and i use the intersectionObserver to animate them in when the element is displayed on the screen. However, 2 of these animations are destroying my page performance (only in Firefox Browser), and i'm trying to fix that by GSAP configs, but i realized i'm getting an overload on CPU when i access the website by the Firefox Browser. If i disable those 2 animations, i get a considerable improvement in performance, but overall performance is still lower than other browsers. Please find the comparision below: Here i'm accessing the website via Microsoft Edge and the CPU/GPU load looks good (everything OK with the website performance). Here i'm accessing the website via Firefox, and i'm getting a 'little' CPU overloading (poor poor poor performance). How can i set the GSAP to prioritize to use the GPU instead of CPU on Firefox? I've tried 4 different browsers and this nightmare only happens on Firefox...