Help Needed - Animation lagging in Safari

Hi all, I’m a digital designer and i’ve been working with an animator who’s provided me with json files to add to a website we’ve built.

When we add the json files they work fine in every browser except Safari. The animation in Safari is really slow and laggy.

Example here of what it’s doing in Chrome VS Safari

Does anyone have any ideas how to fix this?

Thank you

1 Like

Hey, Andy. Do you mind sharing the json for closer inspection?

Hello,
It sounds like you’re experiencing a common issue with Safari and complex animations. Here are a few suggestions to improve performance:

  1. Optimize the JSON files: Ensure the animations are as lightweight as possible1. Use tools like LottieFiles or Lottiemizer to optimize your animations.
  2. Reduce complexity: Simplify the animations by minimizing the number of keyframes and effects.
  3. Use sprite sheets: If possible, convert the animations to sprite sheets, which can improve performance in Safari.
  4. Update libraries: Make sure you’re using the latest versions of any animation libraries or plugins.

Best Regards,
Mary Chess

Hi Mary,

Thanks so much for the suggestions - really helpful : )

Thanks @Mary1 it worked