React three fiber, extra animations (gsap) lags during scene loading

I have a nextjs project with react three fiber and gsap integrations.
In my page I load some normal text, animated by gsap timelines, and the three component to load the scene.
At first, text animation lags while three scene is still loading…any suggestion.
I used the component too but nothing…

Here my code:

<Navigation />
<Suspense fallback={null}>
    <div className="webglWrapper">
       <Scene />

In the navigation component I have my animated text with gsap, which lags untill Scene component is ready…

Help me plss!