Gsap lag problem

[Sukru 6 Likes (Newbie)]

Hello, my question is a bit of a general problem in gsap projects, where I first open the pages, it seems as if the page crashes and freezes, then the animations are active, I am sharing a few examples, where do I make a mistake, can you help?

 

Look at the text animations in these examples, it stops at startup, then the animation starts, that's exactly my problem.

https://additive.netlify.app/

App js > https://sukruemanet.netlify.app/assets/js/gsap/app.js

 

https://sukruemanet.netlify.app/

App js > https://additive.netlify.app/assets/js/gsap/app.js

 

https://clever-seahorse-227af4.netlify.app/

App js > https://clever-seahorse-227af4.netlify.app/assets/js/gsap/app.js

 

See the Pen NWzMmLj by sukruemanet (@sukruemanet) on CodePen

[GSAP Helper 89 Likes (Contributor)]

We love helping with GSAP-related questions, but unfortunately we just don't have the resources to provide free general consulting, logic troubleshooting, or "how do I recreate this cool effect I saw on another site?" tutorials. Of course anyone else is welcome to post an answer if they'd like - we just want to manage expectations.  

 

If you're looking for ScrollTrigger effects, I'd recommend looking at the demos at https://greensock.com/st-demos and https://codepen.io/collection/DkvGzg and https://codepen.io/collection/AEbkkJ - you may be able to use one of those as a jumping-off point. 

 

You are welcome to post in the "Jobs & Freelance" forum for paid consulting, or contact us directly. 

 

Otherwise, if you've got a GSAP-specific question just post that here along with a minimal demo and we'd be happy to take a look. 

[Sukru 6 Likes (Newbie)]

@GSAP Helper Hello, now I tried to explain the problem with codepen

[elegantseagulls 1,425 Likes (Superhero)]

Hi Sukro,

Wondering if what you're seeing is FOUC, since the page will load with the HTML and CSS before it applies Javascript styles.
This article might be helpful: