Performance Update

May 23, 2023

Canvas Graphic
Canvas Graphic
Canvas Graphic

This release brings a series of new performance improvements, ranging from faster loading times of your projects, to smoother Canvas panning, to faster loading times of your published websites. This makes Framer even better equipped to handle the largest of sites. See a full list of changes below.

Canvas
  • Loading and opening large projects is up to 2X faster

  • Opening a page now only loads the components it contains

  • The browser’s main thread is no longer blocked on load

  • It’s faster to switch between pages on large projects

  • The Canvas can be edited much faster when first opened

  • Canvas panning is a lot smoother in large projects

  • Larger projects use much less memory while open

Sites
  • Components now get optimized images, just like pages, improving LCP

  • Enabled React 18’s concurrent hydration, improving TBT up to 50%

  • The Ticker component is now animating smoother via WAAPI

  • Enabled font-display: swap for most fonts, improving LCP

  • All hardware accelerated values now animate via WAAPI

  • All layout animations in Framer are now faster to start


This release brings a series of new performance improvements, ranging from faster loading times of your projects, to smoother Canvas panning, to faster loading times of your published websites. This makes Framer even better equipped to handle the largest of sites. See a full list of changes below.

Canvas
  • Loading and opening large projects is up to 2X faster

  • Opening a page now only loads the components it contains

  • The browser’s main thread is no longer blocked on load

  • It’s faster to switch between pages on large projects

  • The Canvas can be edited much faster when first opened

  • Canvas panning is a lot smoother in large projects

  • Larger projects use much less memory while open

Sites
  • Components now get optimized images, just like pages, improving LCP

  • Enabled React 18’s concurrent hydration, improving TBT up to 50%

  • The Ticker component is now animating smoother via WAAPI

  • Enabled font-display: swap for most fonts, improving LCP

  • All hardware accelerated values now animate via WAAPI

  • All layout animations in Framer are now faster to start


This release brings a series of new performance improvements, ranging from faster loading times of your projects, to smoother Canvas panning, to faster loading times of your published websites. This makes Framer even better equipped to handle the largest of sites. See a full list of changes below.

Canvas
  • Loading and opening large projects is up to 2X faster

  • Opening a page now only loads the components it contains

  • The browser’s main thread is no longer blocked on load

  • It’s faster to switch between pages on large projects

  • The Canvas can be edited much faster when first opened

  • Canvas panning is a lot smoother in large projects

  • Larger projects use much less memory while open

Sites
  • Components now get optimized images, just like pages, improving LCP

  • Enabled React 18’s concurrent hydration, improving TBT up to 50%

  • The Ticker component is now animating smoother via WAAPI

  • Enabled font-display: swap for most fonts, improving LCP

  • All hardware accelerated values now animate via WAAPI

  • All layout animations in Framer are now faster to start