Firefox Lottie lagging - while it work smooth on Chrome and Edge

Lottie in Web
1

I have an issue with Firefox Browser. When I start the Lottie by scrolling the Website, it’s lagging and show white blanks between any frame, still when I let the Lottie Autoplay. Tired different exports and file sizes, but the problem didn’t get solved.

It’s quite funny that on Google Chrome and Microsoft Edge the Lottie run smooth, as it should.

Here is the link to website
https://www-aronmatthews-com.admin.ms1.nobugs.marketing/aronmatthewshero/

Lottie Made with After Effects and Export with bodymovin plugin

Anyone heard about this issue and have some solution?
Thank you in advance, appreciate any answer!

2

I would assume that it has to do with how Firefox renders the content and have you considered just running this as a video? It’s really cropped off at the top and the bottom too.

Screen Shot 2022-06-08 at 9.34.24 AM
Screen Shot 2022-06-08 at 9.34.24 AM1271×738 56.9 KB

3

@irbypace Thank you for your reply.
If so I think there is no way to use a lottie like this for firefox right?

Just found out that I had the wrong lottie version in this test link. Maybe give it another try.
On Video Scroll, you’re right, this is more like a try to get a lottie work like this. With a lottie there are way more possibilities in the future with transparent backgrounds, different layers etc.

Check this as example!