SVG animation on mobile

When designing animations you should always keep performance in mind. A long path animation like that is a bit tricky, are you using SMIL or CSS to animate it? The main thing you can try is to use GPU hardware acceleration, you can do that by applying the transelate3d property to the element you want to animate. This will help kick your rendering to the GPU and not just the browser.

.animate-this{
    transform: translate3d(0,0,0);
}

Here are some resources that might help

Weighing SVG Animation Techniques

Let’s Play With Hardware-Accelerated CSS

I am working on a big animation project right now and would love to look at your code. If you could post it here or create a codepen to show what you are working with I would greatly appreciate it.

Hope this helps.