Performance Update
Performance Update

May 24, 2023

May 24, 2023

This release introduces a variety of new performance enhancements, spanning from quicker project loading times to smoother Canvas panning and faster loading of published websites. These improvements empower Framer to handle even the largest sites more effectively. Please find a comprehensive list of changes below.

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

  • Opening a page now only loads the components it contains.

  • The browser's main thread is no longer blocked during load.

  • Switching between pages in large projects is now faster.

  • The Canvas can be edited much more swiftly upon opening.

  • Canvas panning is significantly smoother in large projects.

  • Larger projects consume significantly less memory when open.

Sites
  • Components now benefit from optimized images, similar to pages, which enhances Largest Contentful Paint (LCP).

  • React 18's concurrent hydration has been enabled, resulting in improved Total Blocking Time (TBT) by up to 50%.

  • The Ticker component now offers smoother animations via Web Animation API (WAAPI).

  • font-display: swap has been enabled for most fonts, leading to better LCP.

  • All values utilizing hardware acceleration now animate via WAAPI.

  • All layout animations in Framer now initiate faster.

This release introduces a variety of new performance enhancements, spanning from quicker project loading times to smoother Canvas panning and faster loading of published websites. These improvements empower Framer to handle even the largest sites more effectively. Please find a comprehensive list of changes below.

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

  • Opening a page now only loads the components it contains.

  • The browser's main thread is no longer blocked during load.

  • Switching between pages in large projects is now faster.

  • The Canvas can be edited much more swiftly upon opening.

  • Canvas panning is significantly smoother in large projects.

  • Larger projects consume significantly less memory when open.

Sites
  • Components now benefit from optimized images, similar to pages, which enhances Largest Contentful Paint (LCP).

  • React 18's concurrent hydration has been enabled, resulting in improved Total Blocking Time (TBT) by up to 50%.

  • The Ticker component now offers smoother animations via Web Animation API (WAAPI).

  • font-display: swap has been enabled for most fonts, leading to better LCP.

  • All values utilizing hardware acceleration now animate via WAAPI.

  • All layout animations in Framer now initiate faster.

This release introduces a variety of new performance enhancements, spanning from quicker project loading times to smoother Canvas panning and faster loading of published websites. These improvements empower Framer to handle even the largest sites more effectively. Please find a comprehensive list of changes below.

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

  • Opening a page now only loads the components it contains.

  • The browser's main thread is no longer blocked during load.

  • Switching between pages in large projects is now faster.

  • The Canvas can be edited much more swiftly upon opening.

  • Canvas panning is significantly smoother in large projects.

  • Larger projects consume significantly less memory when open.

Sites
  • Components now benefit from optimized images, similar to pages, which enhances Largest Contentful Paint (LCP).

  • React 18's concurrent hydration has been enabled, resulting in improved Total Blocking Time (TBT) by up to 50%.

  • The Ticker component now offers smoother animations via Web Animation API (WAAPI).

  • font-display: swap has been enabled for most fonts, leading to better LCP.

  • All values utilizing hardware acceleration now animate via WAAPI.

  • All layout animations in Framer now initiate faster.

Subscribe to our newsletter

Receive weekly updates on new posts and features

Subscribe to our newsletter

Receive weekly updates on new posts and features

Subscribe to our newsletter

Receive weekly updates on new posts and features

Start Your
Digital Transformation Journey

Download our demo app

Start Your
Digital Transformation Journey

Download our demo app

Start Your
Digital Transformation Journey

Download our demo app