How Framer sites use Traffic-aware Pre-Rendering

Traffic-aware Pre-Rendering

Published

Published

0 min read

How we’ve introduced Traffic-aware Pre-Rendering (TPR) to optimize pages on first visit, not per site on publish—faster results, same performance and SEO.

How are Framer sites optimized?

Framer sites are JavaScript apps built with React that render in the browser. For top speed, SEO, and AI, we pre-render pages on our servers. Then the browser or crawler can skip that work, leading to faster page loads. This is called server-side rendering.

In the past, we optimized every page on publish (often called Static Site Generation, SSG). But Framer now has more dynamic options like localization, A/B testing and many more upcoming. One page can turn into infinite page variations. Rendering all at once, even though the majority may not get visits before you publish again, would only delay how fast frequently visited and thus meaningful pages are optimized.

Traffic-aware Pre-Rendering (TPR)

With TPR, we’re changing when we optimize pages. Instead of optimizing all pages on publish, we optimize each page the first time a user visits it. After that, the optimized version is stored in a cache until you publish a new version of your site.

This means the optimization step, which could take up to a minute for larger sites, is now essentially gone. It’s typically a second or less, no matter how many pages your site has.

Framer also knows your most popular pages from analytics. Based on the actual traffic of your site, we pre-render and optimize these pages before they get any visitors. This is done on every publish, which ensures we always pre-render the most meaningful pages based on the latest traffic data.

To make this work well, we made single page rendering very fast. Even if the first visit is less than 0.01% of visits, every visit counts. We did this by rethinking how we render sites and by adopting the state of the art web bundler Rolldown.

Rollout

Gradual rollout of TPR has happened across all sites throughout October 2025. If you see the new status labels below, your site is using on-demand optimization:

Things to know

These are some advanced behaviors that technical people might want to know:

  • Right after a publish, all pages are new. If you use a tool (e.g. Lighthouse) that happens to test website performance right after a publish, results can look off. Aggregated performance scores like CrUX (used by Google search) are not affected, since the overwhelming majority of the visitors will get the optimized page.

  • If the the page gets visited by a crawler that that doesn’t run JavaScript, and that page wasn’t yet optimized, we’ll serve them the latest available optimized version instead. This makes dynamic optimization friendly for AI and social media bots.

  • As a direct result of the two points above, this change won’t impact SEO. Indirectly, it might help, since it allows us to pre-render more pages and introduce more dynamic options and page variations to further tailor your sites to your visitors.

  • If dynamic optimization runs into an error that could have a major impact on the page, we’ll send you an email. These are very rare. Optimization warnings, such as nested links or custom code bugs, have minimal impact, and only affect part of a page.

Design bold. Launch fast.