flâneur

Speeding Up File Load Times, One Page At A Time | Figma Blog

figma.com · 2,885 words · saved by 1 readers

Figma files are often large and complex with endless pages, library and local components, and prototype screens. Here’s how dynamic page loading improved the slowest load times by 33%. Illustrations by María Medem For the slowest 5% of page loads, we’ve seen a 33% decrease in load times. Every engineering team wants its product to feel fast. Beyond giving users the best possible experience, how quickly something loads fundamentally shapes their first impressions. This is especially true for us; users often spend their whole workday in Figma, so incremental performance improvements that save seconds add up over the course of a workday. As Figma’s product teams build more features and users add more content to their files, our platform teams strive to uphold and improve performance. Our ideal load time trend is down-and-to-the-right: We want file load times to decrease over time even as files increase in size. Performance should correspond to user-perceived complexity. If a user loads a

May 22, 2024 Figma files are often large and complex with endless pages, library and local components, and prototype screens. Here’s how dynamic page loading improved the slowest load times by 33%. Illustrations by María Medem Understanding read dependencies in our data model Building on dynamic loading for viewers Untangling write dependencies Variations on a theme Our decidedly dynamic approach Validating dependencies Performance in practice For the slowest 5% of page loads, we’ve seen a 33% decrease in load times. Every engineering team wants its product to feel fast. Beyond…

saved by

related reading