Hi!
So, I’ve gotten some feedback that my lottie animations do not appear within 3~5 seconds after the page loads. 
Is there a way to make it load faster?
Thank you in advance!
Here is my public share link: LINK
(how to access public share link)
Your Lottie animation files are pretty large, so the first step is reducing the file size as much as possible. Adding a preloader as well will prevent the site from being shown until all of the assets are fully loaded.
Ultimately I’d suggest looking into alternative ways to display these types of interactions (like scrubbing through a video file with your scroll position) that would greatly reduce file size. Using single image frames with Lottie can lead to much larger files as compared to loading a short video file, so you’d get the added benefit of keeping a higher overall quality.
I wrote a script that lazy loads Lotties and makes the page load significantly faster, while it might not help with the Lottie itself (it will improve the page performance!)
Check it out on Github and feel free to reach out if you find any issues with it.
2 Likes