Lottie janky loading

Hey guys, I have a page where the loading time has become an issue, I have multiple embeds on the page linked to a vimeo player, which means everytime the page loads, it needs to perform several GET requests to vimeo.

I attempted to smoothen out the UI by adding a lottie animation at the start of the page load, however, the lottie does not play/ is janky while the GET requests are happening. Then after the requests are done, the lottie starts playing, but by then the page would have finished loading hence my page end animation to hide the lottie has kicked in.

Is there a solution where I could get the get requests to load without affecting the lottie animation. i.e make the whole process smoother.

Thanks a lot!

Here is a read-only to my page

https://preview.webflow.com/preview/islet?utm_medium=preview_link&utm_source=designer&utm_content=islet&preview=976855b01d3065991e1031b5ed43c906&pageId=6213020de48baf2847bd352d&workflow=preview