Google uses page speed as a ranking factor, and your visitors make snap judgments about your brand based on how fast your site loads. Here's how to get your Webflow site into the 95+ PageSpeed range.
Images are almost always the biggest performance bottleneck. Use WebP format, set explicit width and height attributes, and use Webflow's responsive image feature to serve appropriately sized images for each breakpoint. Compress everything before uploading. For a deeper walkthrough, see our guide to optimizing images for web performance.
Every external script you add costs performance. Audit your custom code embed and remove anything that isn't essential. Defer non-critical JavaScript. Our guide to fixing render-blocking resources explains how to clear the files that delay your first paint. If you're loading analytics, use the lightweight version.
Webflow interactions are powerful but can impact performance if overused. Limit scroll-triggered animations to essential elements. Use opacity and transform animations instead of layout-triggering properties. For the full picture on adding motion without slowing the page, see our guide to building smooth animations in Webflow.
Webflow's hosting handles most caching automatically, but if you're using external resources, make sure they have proper cache headers. Use Cloudflare or a similar CDN for additional caching layers. If you are not sure whether you need one, our guide to what a CDN is and whether your site needs one breaks it down.
Run PageSpeed Insights on every page, not just the homepage. Fix issues page by page. The goal isn't perfection on one page, it's consistency across your entire site.
Tell us where you want to go. We'll tell you how we'd get you there.