Flickering after animation load on Sarafi on iPhone

Support
#1

Hi, so I am just finishing a site and noticed that on my iPhone (on Safari) each animated element ‘flickers’ after loading which is really annoying and spoils the UX.

Why is it doing this and what’s the fix please? Thanks

#2

Hey @wolfproductions,

We need to check what particular animations is causing the flicker so please kindly provide the URL of the page having the issue.

Thanks.

#3

Hi Christian, it’s most pages, especially where the grid element is used for example: https://eviewillowstaging-com.stackstaging.com/boot-rooms/

#4

Hey @wolfproductions,

There are a lot of animated elements in the page and animations should be used sparingly to prevent overloading the browser. When animations become choppy, laggy, or stutter, it’s often referred to as “jank.” This happens when the browser is struggling to keep up with the work required to render the animations at a consistent and high frame rate.

Please first try removing the Envira Gallery in the page and see if it fixes the choppy animation. Also, try reducing animations in the page.

Let us know the results.

Thanks.