SVG Animation from Adobe Lagging on My Flip a Coin Site — Need Help

[Jasson Adder]

Hello Adobe Community, I recently launched my website flip a coin online, where users can flip a virtual coin for fun or decision-making. I designed most of the graphics and animations using Adobe Illustrator and Adobe XD, but I’m facing an issue with the coin animation performance on certain browsers and devices. The SVG assets I created look fine in previews, but when I implement them on the site, the animation feels laggy, and the quality drops, especially on mobile devices.

I wanted to ask if anyone in the Adobe community has faced similar rendering issues when using Adobe-created SVG or animation assets on live websites? Is there an optimization workflow or export setting in Adobe Illustrator, After Effects, or Adobe Animate that can ensure smoother performance and better compatibility? I’d love to get some expert advice on how to improve the user experience on my site using Adobe tools.

[creative explorer]

@Jasson Adder try using Lottie files. Much easier and leverages After Effects' powerful animation capabilities and translates them into a web-friendly, highly optimized format.