How to Achieve a 95+ PageSpeed Score on Webflow

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.

Optimize Your Images

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.

Minimize Custom Code

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.

Reduce Interactions Complexity

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.

Leverage Browser Caching

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.

Test and Iterate

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.