Skip to main content
a
2d ago

Rive causing site to crash on mobile

I add a rive animation that contains a sequence of images, it works on desktop but for some reason crashes browsers on mobile, from what i can tell it seems to trigger a safeguard of the browser, is there a way to fix this?

here is a link to the site

1 reply
1d ago

You're referring to the drone at the top of the screen, right? It's very cool looking. Here's what I'd try first:

  1. Before importing them, make sure they're scaled down as much as possible. You don't want 2000px wide images if they'll only ever be 1200px wide.

  2. Go to the Assets tab in the sidebar and make sure all of the images are using webP compression, not PNG. This'll drastically decrease your file size.

How many frames is the loop? I see that it comes onto the screen, tilts back and forth a bit, then flies away. Are you reusing a lot of the tilting animation frames? Is the bobbing up and down rendered or are you handling that part in Rive?