Would love if Figma could compile best practices for optimizing the load speed of prototypes. Answering: What choices to make or not make so that prototypes load as quickly as possible?
So I’d love to know from the community:
- What best practices have you found that help prototypes load quicker?
- What causes prototypes to load slower that should be avoided?
For reference: I have a 19-page desktop prototype that is component-heavy that I will be using for a usability test this week. It’s a set of 10 rows that expand and collapse, revealing a very data-heavy component-heavy layout so I’ve replaced those with straight pngs in hopes that would help.
The header and rows of the prototype references components from a robust design system library, components from a specific design file and in-file components. Variables for colors, mainly just regular font styles versus variables.
Clicking certain buttons can be slow to change the display (clicking to another page, changing the button, row, or header state, etc.). Using variables to add a count to one button (commit X of 9) causes a major trigger delay (other actions happen at the same time).
Would love everyone’s best tips or warnings for speeding up prototypes!