Improve your site performance

Site performance in Webflow covers a range of factors that affect how fast your site loads and how it scores on tools like Google PageSpeed Insights and Core Web Vitals. In this video, we'll look at some of the key things you can do to improve your site's performance.

Image optimization is usually the biggest factor. Large, uncompressed images are one of the most common causes of slow load times. Webflow automatically serves images in WebP format and generates multiple sizes for responsive delivery, but you should still make sure you're uploading appropriately sized images in the first place. Uploading a 4000px wide image for an element that displays at 800px is unnecessary overhead.

Lazy loading is another important tool. By default, Webflow applies lazy loading to images that are below the fold, meaning they only load when the user is about to scroll to them. This reduces the initial page load weight significantly.

Custom code — especially JavaScript — can also impact performance. Third-party scripts like chat widgets, analytics tools, and ad trackers all add to your page weight and can block rendering. Where possible, load these scripts asynchronously and defer non-critical JavaScript.

Webflow's hosting is designed for performance out of the box — sites are served from a CDN, pages are cached, and assets are optimized during publishing. But the choices you make during design and development have a big impact on the baseline you're starting from.

Using Webflow's built-in performance features — like per-page JavaScript (which only loads the JS your page actually needs) and image optimization — alongside good design practices will put you in a strong position on Core Web Vitals.