How to not load lottie on the Mobile View

[Jepto (App)]

I did put a display: none on the lottie animation, but on the background it’s still being loaded. How to stop lottie from loading on mobile devices because it makes the page slower on mobile.

[SunbearStudio (Ian)]

You might have to use a bit of custom code

[FDRon (Ron Kanter)]

We recently found a fix to this. Please see this post for help:

Lottie and DotLottie Animations Crashing Webpage on Android Mobile

Hello, We are in the final stages of launching a major website redesign and have encountered a major bug. We have built lightweight DotLottie animations for much of our site to illustrate a SaaS product - however, these files are crashing in Android Mobile browsers. We do not have this issue on iOS or on desktop on both Mac and PC. We either have two options as I see it: Input custom code to prevent these specific animations from loading in mobile views. I’m not talking about hiding this el…

[Ash-FF (Ashley)]

Has anyone managed to find an alternate solution to this? We tried @FDRon’s solution but not sure what class name to apply - tried the body class name we have and it caused a major error in Lighthouse and in general.

We also tried to use the class name for the div that holds the lottie file we want removed but no success, lighthouse still shows it loading. Pretty much out of ideas on this one!