Prototype is lagging on mobile but works good on mac

Hey community,
I have created a demo app and it’s runs perfect on my mac, but very slow and lagging on mobile (i have iPhone 14 pro)

What can i do about it?
Thanks :pray:t2:

Hi there, sorry to hear you are having trouble on mobile!
As a reminder, Figma is a browser-based app, which means it’s subjected to a 2GB available memory limit that applies to each browser tab, including those in our mobile app, or mobile browser. When loading or editing Figma files nears or exceeds this memory limit, it can cause performance issues like slow transitions, long load times or crashes, especially in a mobile browser which generally has an even smaller available memory (the specifics depends on the phone model and OS version).

To find what’s using the memory, we suggest creating a separate prototype of just the frame that’s crashing and testing the following to see if they help stabilising loading:

  1. Checking the impact of interactive components with variants (https://help.figma.com/hc/en-us/articles/360061175334-Create-interactive-components-with-variants?source=search) Because the presentation view currently loads all variants in a set, not just those used in a specific transition, using large variants sets for interactive components uses a lot of available memory. We’d suggest creating a set with only the states needed for a specific transition or disabling interactive components as needed.
  2. Removing hidden layers: Loading and then hiding a large number of layers, especially in components or with images stored in them, can cause a high use of available memory on loading.
  3. Removing stacked masks and effects like shadows and blurs also take a lot of memory to load.

If you find that any of these help to stabilise loading, you can then decide if it’s best to remove them from your main file or to set up a streamlined version of the file for mobile viewing. Hope it helps!