Learn what site performance means, why it matters, and how to keep your Webflow site fast.
A fast site keeps visitors engaged and helps your pages show up in search. Performance is a feature you ship with every change, not a one-time task. It covers how quickly your content appears, how fast your site reacts, and how steady your pages feel while they load. Here's what each one means, what Webflow handles for you, and what you can control.
What site performance means
When people say a site is fast, they usually mean three things:
-
Loading — how long it takes for the main content to become visible
-
Responsiveness — how quickly the site reacts when someone clicks or taps
-
Visual stability — how much the page jumps around while it loads
You can measure each of these with tools like Lighthouse and Core Web Vitals.
Why performance matters
Speed shapes how visitors, search engines, and clients see your site:
-
Visitor experience — people leave slow sites. A page that loads late or shifts around can lose visitors before they see your content.
-
Search visibility — Google considers page experience signals, including Core Web Vitals, as one of many factors when it ranks pages
-
Client confidence — clients and teammates often ask about Lighthouse scores. Knowing what the numbers mean helps you explain them and improve them.
What Webflow does for you
By default, Webflow already does the following for newly published sites. Some of these settings can be disabled in your site settings.
-
A global CDN — Webflow uses a global content delivery network to deliver your site's files from servers close to your visitors, wherever they are. This reduces the time it takes to load per visitor.
-
Automatic image optimization — when you upload an image in the Assets panel or a CMS image field, Webflow creates smaller variants and tells the browser which one to load for each screen size. Note that these responsive images aren't created for background images or images in rich text elements. Learn more about responsive images.
-
Per page JavaScript — Webflow generates a separate, smaller JavaScript bundle for each page, so a page only loads the code it needs. Code shared across pages is split into chunks your visitors' browsers can cache. Learn more about per page JavaScript.
-
SSL — SSL is enabled by default for sites created after November 14, 2018, which keeps your visitors' connections secure
Settings you can turn on or off
Webflow also includes publishing settings in Site settings > Publishing that help your site load faster. Each one is a toggle, so you can change it, publish, and test the result:
-
Asynchronously load JavaScript — loads Webflow's JavaScript files at the same time the page renders, so content appears sooner. Requires a paid Site plan or Workspace plan. Custom JavaScript that depends on Webflow's scripts may need changes to keep working.
-
Minify HTML — removes extra spaces and characters from your site's HTML so files are smaller
-
Minify CSS — removes extra spaces and characters from your site's CSS so files are smaller
-
Minify JS — removes extra spaces and characters from your site's JavaScript so files are smaller
-
Per page CSS — generates a shared CSS file plus a smaller CSS file for each page, so pages don't load styles they don't use
Learn more about advanced publishing options.
Tools that help you optimize
Site content that impacts performance
Webflow handles the delivery. What's on the page is yours to shape, and it's where most performance gains come from:
- The size and format of the images and videos you add
- The number of fonts and font weights you load
- The scripts you add and how they load
- The styles and interactions you create and keep
- How embeds and third-party tools behave as the page opens
Good to know
Most performance problems on a published Webflow site come from what's on the page, not from hosting. That means you can fix many of them yourself.
Explore performance guides
Measure your site:
Make your site load faster:
Keep your site steady: