Updates

What’s new.

Updates

What’s new.

Updates

What’s new.

Site Performance Update

Site Performance Update

‹ All

·

June 4, 2024

Performance Update
Performance Update
Performance Update

This update introduces a series of advanced site performance optimizations, especially for larger websites. Optimizing your site is now up to 5× faster. Further enhancements include faster loading times, improved handling of nested links and HTML errors, and improved Core Web Vitals. Additionally, page preloading has been streamlined to reduce network usage and energy consumption, ensuring faster interactivity post-page load. See the full list below.

Site Optimization

  • We’ve made optimization up to 5× faster on bigger sites

  • We now catch more nested links and invalid HTML errors

Core Web Vitals

  • Improved INP by working around a React bug with suspending during hydration

  • Fixed an obscure issue affecting LCP on text-heavy sites with Breakpoints

Mobile Images

  • Added lossless image resolution, for cases with visible image artifacts

  • Added <img decoding="async"> to keep animations smooth on load

  • We’ve made <img sizes> more precise in various edge cases

  • Fixed <img loading="lazy"> not always working in Firefox

  • Fixed <img sizes> not always working in Safari

JavaScript Loading

  • We’ve made page preloading smarter by preloading only links visible on the screen, and only on fast networks and devices. This results in loading up to 50% less JavaScript, and makes Framer sites consume less energy and network, further reducing CO2 emissions.

  • We’ve ensured scripts added into <head> can no longer delay Framer JavaScript bundles, which is important for fast interactivity (think menus and components) after the page loads

  • We’ve lowered network priorities of scripts and script preloads, allowing browsers to prioritize images while loading pages, resulting in a much better loading experience

This update introduces a series of advanced site performance optimizations, especially for larger websites. Optimizing your site is now up to 5× faster. Further enhancements include faster loading times, improved handling of nested links and HTML errors, and improved Core Web Vitals. Additionally, page preloading has been streamlined to reduce network usage and energy consumption, ensuring faster interactivity post-page load. See the full list below.

Site Optimization

  • We’ve made optimization up to 5× faster on bigger sites

  • We now catch more nested links and invalid HTML errors

Core Web Vitals

  • Improved INP by working around a React bug with suspending during hydration

  • Fixed an obscure issue affecting LCP on text-heavy sites with Breakpoints

Mobile Images

  • Added lossless image resolution, for cases with visible image artifacts

  • Added <img decoding="async"> to keep animations smooth on load

  • We’ve made <img sizes> more precise in various edge cases

  • Fixed <img loading="lazy"> not always working in Firefox

  • Fixed <img sizes> not always working in Safari

JavaScript Loading

  • We’ve made page preloading smarter by preloading only links visible on the screen, and only on fast networks and devices. This results in loading up to 50% less JavaScript, and makes Framer sites consume less energy and network, further reducing CO2 emissions.

  • We’ve ensured scripts added into <head> can no longer delay Framer JavaScript bundles, which is important for fast interactivity (think menus and components) after the page loads

  • We’ve lowered network priorities of scripts and script preloads, allowing browsers to prioritize images while loading pages, resulting in a much better loading experience

This update introduces a series of advanced site performance optimizations, especially for larger websites. Optimizing your site is now up to 5× faster. Further enhancements include faster loading times, improved handling of nested links and HTML errors, and improved Core Web Vitals. Additionally, page preloading has been streamlined to reduce network usage and energy consumption, ensuring faster interactivity post-page load. See the full list below.

Site Optimization

  • We’ve made optimization up to 5× faster on bigger sites

  • We now catch more nested links and invalid HTML errors

Core Web Vitals

  • Improved INP by working around a React bug with suspending during hydration

  • Fixed an obscure issue affecting LCP on text-heavy sites with Breakpoints

Mobile Images

  • Added lossless image resolution, for cases with visible image artifacts

  • Added <img decoding="async"> to keep animations smooth on load

  • We’ve made <img sizes> more precise in various edge cases

  • Fixed <img loading="lazy"> not always working in Firefox

  • Fixed <img sizes> not always working in Safari

JavaScript Loading

  • We’ve made page preloading smarter by preloading only links visible on the screen, and only on fast networks and devices. This results in loading up to 50% less JavaScript, and makes Framer sites consume less energy and network, further reducing CO2 emissions.

  • We’ve ensured scripts added into <head> can no longer delay Framer JavaScript bundles, which is important for fast interactivity (think menus and components) after the page loads

  • We’ve lowered network priorities of scripts and script preloads, allowing browsers to prioritize images while loading pages, resulting in a much better loading experience