# Animation Mobile Flickering

**URL:** <https://forum.lottiefiles.com/t/animation-mobile-flickering/4057>\
**Category:** Lottie in Web\
**Created:** [March 22, 2023, 1:49pm UTC](https://forum.lottiefiles.com/t/animation-mobile-flickering/4057 "2023-03-22T13:49:23Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![karina.o](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/karina.o/32/2558_2.png) [@karina.o](https://forum.lottiefiles.com/u/karina.o)\
**Post date:** [March 22, 2023, 1:49pm UTC](https://forum.lottiefiles.com/t/animation-mobile-flickering/4057/1 "2023-03-22T13:49:23Z")

</div>

Hi there, we recently noticed, that our Animations are flickering only on Mobile. We use the Lotties in the header area. Desktop works super fine, but the first mobile load is very flickery. The second load is mostly fine then. Does anyone have any ideas on this?  
Cheers, Karina

---

<div class="post-metadata">

**Author:** ![irbypace](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/irbypace/32/3165_2.png) [@irbypace](https://forum.lottiefiles.com/u/irbypace)\
**Post date:** [March 23, 2023, 12:46pm UTC](https://forum.lottiefiles.com/t/animation-mobile-flickering/4057/2 "2023-03-23T12:46:53Z")

</div>

Do you have a link I can test with? Maybe a link to the site and to the lottie?

---

<div class="post-metadata">

**Author:** ![karina.o](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/karina.o/32/2558_2.png) [@karina.o](https://forum.lottiefiles.com/u/karina.o)\
**Post date:** [March 23, 2023, 2:03pm UTC](https://forum.lottiefiles.com/t/animation-mobile-flickering/4057/3 "2023-03-23T14:03:21Z")

</div>

Yes, thank you:

> **[act'o-soft GmbH Informationssysteme](https://www.actosoft.de/en/)**
>
> Mit innovativen Softwarelösungen gestalten wir gemeinsam die Zukunft des Handels. Die act'o-soft Lösungsplattform act4brand stärkt Ihre Marke.

---

<div class="post-metadata">

**Author:** ![irbypace](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/irbypace/32/3165_2.png) [@irbypace](https://forum.lottiefiles.com/u/irbypace)\
**Post date:** [March 23, 2023, 4:55pm UTC](https://forum.lottiefiles.com/t/animation-mobile-flickering/4057/4 "2023-03-23T16:55:35Z")

</div>

Which animation are we referring to?

---

<div class="post-metadata">

**Author:** ![karina.o](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/karina.o/32/2558_2.png) [@karina.o](https://forum.lottiefiles.com/u/karina.o)\
**Post date:** [March 24, 2023, 8:12am UTC](https://forum.lottiefiles.com/t/animation-mobile-flickering/4057/5 "2023-03-24T08:12:56Z")

</div>

Basically all the header animations. You can find them on the homepage, an on the subpages:  
Pos software, fiscal solution, mobile apps, erp, bi & services. The animated 3D illustrations right in top of the website

---

<div class="post-metadata">

**Author:** ![irbypace](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/irbypace/32/3165_2.png) [@irbypace](https://forum.lottiefiles.com/u/irbypace)\
**Post date:** [March 24, 2023, 10:27pm UTC](https://forum.lottiefiles.com/t/animation-mobile-flickering/4057/6 "2023-03-24T22:27:30Z")

</div>

This is what I see on your link and the only thing animated are the two characters.

However on my end, mobile and desktop, I didn’t see any flickering. The 3D characters might do that because it was a PNG sequence and it might be a very large lottie to load on the initial pass.

 ![Screenshot 2023-03-24 at 5.25.32 PM](https://canada1.discourse-cdn.com/flex030/uploads/lottiefiles/original/2X/2/242c438dea2aae89c58e3da7e91f923348ee92a6.jpeg)

---

<div class="post-metadata">

**Author:** ![karina.o](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/karina.o/32/2558_2.png) [@karina.o](https://forum.lottiefiles.com/u/karina.o)\
**Post date:** [March 27, 2023, 8:47am UTC](https://forum.lottiefiles.com/t/animation-mobile-flickering/4057/7 "2023-03-27T08:47:53Z")

</div>

Yes, the Animation is a autoplay animation and is only a small movement of the characters. It works very smoothly on Desktop, the main problem is on mobile. There the first load is always flickering, only the second load works okayish then. We already tried rendering with half the frames, but that didn’t do any good. You still think it’s because of bloat?

---

<div class="post-metadata">

**Author:** ![irbypace](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/irbypace/32/3165_2.png) [@irbypace](https://forum.lottiefiles.com/u/irbypace)\
**Post date:** [March 27, 2023, 6:06pm UTC](https://forum.lottiefiles.com/t/animation-mobile-flickering/4057/8 "2023-03-27T18:06:02Z")

</div>

When I tested on my phone I didn’t see any flickering on load. After the site loads the animation is static until I reload it (chrome) and in safari it instantly loads without any delay or flickering.

I have experienced what you’re describing before and it was all based on the way it was made, too large, or too many layers, or too many png graphics.

Have you tried exporting with BodyMovin and attaching the PNG assets in there with some compression set?

 ![Screenshot 2023-03-27 at 1.00.31 PM](https://canada1.discourse-cdn.com/flex030/uploads/lottiefiles/original/2X/f/fccc2ecbc6270caf7fd40e2d58b65d51880dfe54.png)

---

<div class="post-metadata">

**Author:** ![karina.o](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/karina.o/32/2558_2.png) [@karina.o](https://forum.lottiefiles.com/u/karina.o)\
**Post date:** [April 25, 2023, 12:11pm UTC](https://forum.lottiefiles.com/t/animation-mobile-flickering/4057/9 "2023-04-25T12:11:56Z")

</div>

Hey there, that worked for all of our Animations except for this one (the illustration in the header)

> **[Services - act'o-soft GmbH Informationssysteme](https://www.actosoft.de/services4brand/)**
>
> Mit kundenorientierten IT-Services unterstützen und begeistern wir täglich die User unserer Produkte | Services4Brands

The Customer still reports flickering on mobile there, even though it was exported in the same way as the others.  
Maybe you have another idea?  
However, thank you very much, your solution worked on most of our animations!
