NUTTIFOX / GUIDE--:--:-- Available · Q4 2026
← All writingGuide

Framer speed in practice

Sep 2026 · 7 min read · Updated Sep 2026

Quick answer

Framer's hosting is already fast. Sites get slow when the hero is a camera file, the fonts swap late, a third-party script owns the main thread, or motion paints the page on every scroll. We treat Core Web Vitals as a launch gate: image weight, fonts, and the render path. Not a report you read after the campaign starts. A slow Framer site is a build decision, not a platform limit.

Key takeaways

  • Framer ships a CDN and an image pipeline. The budget is still yours. The platform will host a four-megabyte hero. It will not delete it.
  • Field numbers on a phone beat a green Lighthouse screenshot on a studio laptop. Rankings and paid traffic care about the first one.
  • The usual killers are ordinary: hero weight, late fonts, chat and analytics on first paint, scroll motion, unused code.
  • Set the budget before the first upload. A speed pass after the campaign is theatre you invoice yourself for.
  • Do not migrate to another stack for a score. Migrate when Framer is the wrong product. Speed is a file, a font, and a script.
/01

What “fast” actually means

field, not theatre

Fast is a page a real phone can use. Google's three field metrics (Largest Contentful Paint, Interaction to Next Paint, Cumulative Layout Shift) are defined on the Core Web Vitals page. The published “good” gates are LCP at 2.5 seconds, INP at 200 milliseconds, CLS at 0.1. This guide is the studio version: what we refuse to upload, what we cut, and when we tell you to stop chasing a number.

Looks good in a deckWhat we actually use
Where you measureLighthouse on your MacBook, office wifiThe live URL on a mid phone, plus the field data Google already has
The number that mattersA 99 performance scoreGoogle's field gates: LCP ≤2.5s, INP ≤200ms, CLS ≤0.1
When you lookThe week after launch, if someone complainsBefore the first paid click, and again when the CMS starts filling
What you changeA plugin, a host, a platformThe hero, the fonts, the scripts, the motion

A lab pass is useful for finding the file. It is not the ranking signal. A founder on fibre is not your buyer on 4G outside the venue. If you only have a screenshot, you do not have a speed story.

/02

What Framer already does

Framer serves a marketing site the way a static site should: files on a CDN, images rewritten if you let the pipeline work, no database round-trip on the homepage. That is why a clean Framer build feels instant, and why “Framer is slow” is usually a build with a camera roll in the hero.

The platform will not save you from a custom font in four weights, a HubSpot snippet on every page, a Lottie loop in the first viewport, or a code component that ships a library for a counter. Those are choices. We make them on purpose, or we do not ship them.

Not a host problem

If the complaint is “Framer hosting is slow,” open the Network panel before you open a migration brief. We will rebuild a WordPress or Webflow site when the tool is why you cannot ship. We will not move you to Next.js because a PNG was 4MB. That job is a pass, not a stack.

/03

Why Framer sites get slow

the usual five
The hero

A camera JPEG, a transparent PNG, or a CMS upload at original size. This is almost always LCP. Framer can compress. It cannot invent a crop you never made.

The fonts

Two families, five weights, a late swap that restyles the headline after it painted. The page looks finished, then jumps. That is CLS you chose.

The third party

Chat, pixel, A/B, heatmap, a marketing tag manager with fourteen children. They own the main thread. The site did not get slower. You invited someone onto it.

The motion

Appear on every block, scroll triggers that repaint the page, a background video that never needed to play. Cheap in Framer. Expensive on a phone.

The extra JS

An unused embed, a code component that pulled a kit, a cookie banner that blocks. Weight you cannot see on the canvas until you look at the transfer.

None of this is exotic. We see the same five on otherwise good sites — including ours, if we stop watching the CMS. Editors will upload a poster from the photoshoot. Designers will add a weight “just for the pull quote.” The pass is teaching the budget, not running Lighthouse once.

/04

Budgets we actually keep

before the first upload

A budget is a number you can fail. We write it down at kickoff so the hero argument happens before the campaign, not in a Slack thread the day after you spend on ads.

ThingBudgetWhat we refuse
LCP imageSized, compressed, explicit dimensions — hundreds of KB, not megabytesA full-resolution photoshoot dump in the first viewport
FontsOne family if we can, two weights that earn their keep, swap that does not jumpA second display face for one headline
VideoPoster first. Autoplay only if the page exists for that filmA muted loop behind type on a landing page that has to convert on 4G
Third-partyAnalytics you will read. Everything else after first paint, or not at allChat plus heatmap plus two pixels on a five-section site
MotionA few appears that explain hierarchy. No scroll paint on the whole pageEffects on every card because the canvas made it cheap
CodeA component that earns the kilobytesA library for a number that could have been type
Chris Nutbeen

“The platform is not the score. The score is the hero you refused to leave at four megabytes, and the widget you did not put on the first paint.”

Chris NutbeenNuttifox

We do not publish fake “we hit 100” case tiles. A marketing site with a real brand font and one analytics tag will not look like a blank Lighthouse demo. Green enough on a phone is the bar. Fashionable 100s are how you delete the type that makes the company look like itself.

/05

What a speed pass looks like

On a live Framer site this is days, not a rebuild. We sell it as speed optimisation on Framer development. Rates sit on the contact page. If we cannot name the file, the font, or the script, we will not sell you a week.

  1. 01
    Measure the real URL

    Lab to find the transfer. Field or a mid-phone pass to see if a person would wait. Screenshot theatre does not ship.

  2. 02
    Fix LCP first

    Almost always the hero or the first CMS image. Crop, compress, set sizes, stop the late swap. One file, not a redesign.

  3. 03
    Then fonts

    Drop the weight nobody uses. Keep the family the brand actually is. If the headline jumps, the swap is wrong.

  4. 04
    Then other people's JavaScript

    Anything that is not the page waits, or leaves. Chat is a product decision. It is not free.

  5. 05
    Then motion and leftovers

    Kill scroll paint that does no work. Remove the embed that ships a player for a still. Recheck on a phone before you call it done.

When not to buy a pass

If nobody visits, speed is not the problem. If the site is a logged-in product stuffed into Framer, the problem is the stack — read the Webflow comparison only if you are still choosing a canvas; a product belongs in product code. If the complaint is a two-point Lighthouse gap and the page already feels instant, stop.

/06

FAQ

Answers
faq.mdx
01

Is Framer fast?

Yes, if you keep a budget. The host and the image pipeline are already the right shape for a marketing site. A slow Framer site is almost always a file, a font, a script, or motion — not the platform.
02

Why is my Framer site slow?

Open the largest image in the first viewport, then the font list, then the third-party tags. That order finds the problem on most builds we are asked to look at.
03

Does Framer pass Core Web Vitals?

It can. Passing is a launch gate we own: sized heroes, fonts that do not jump, scripts that wait. Framer does not pass them for you if you upload a poster and a chat widget.
04

Should we leave Framer for Next.js to get speed?

Not for a marketing site that is slow because of assets. Move when you need application behaviour Framer should not pretend to be. Speed is cheaper than a rewrite.
05

Can you make an existing Framer site faster?

Yes. That is a speed pass: measure, cut the LCP file, fonts, third-party, leftover motion. We will say if the site needs a rebuild instead — usually it does not.
06

Will adding a CMS make it slower?

Collections are not the problem. Unsized uploads in those collections are. Teach the editor the same budget you used at launch.
07

What Core Web Vitals numbers do you actually use?

Google's published field gates: LCP at or under 2.5 seconds, INP at or under 200 milliseconds, CLS at or under 0.1. We measure the live URL on a phone. A 99 Lighthouse screenshot is not the gate.

Have something to build? Let’s ship it.

Book a call