How to fix page speed warning on Webflow

Steps for Webflow

1. Images: In the Webflow Designer, select any image element and in the element settings enable 'Lazy load' for all images below the fold. Upload images at the correct display size and enable WebP output in Project Settings > General > Image Optimization.
2. Interactions / animations: In the Webflow Designer, go to the Interactions panel (the lightning bolt icon) and audit all animations. Remove or simplify page-load trigger animations on hero sections — these block perceived performance.
3. Custom code: In Project Settings > Custom Code, review any scripts added to the <head> or before </body> tags. Move non-critical scripts to the footer position and add defer or async attributes via a custom code embed.
4. Fonts: In Project Settings > Fonts, use system fonts for body text and limit web font imports to one or two families. Each Google Font variant is a separate request.
5. CMS images: For CMS-driven pages (e.g. product or blog pages), open the Collection Template in the Designer and ensure the image element bound to your CMS image field has 'Lazy load' enabled and a defined 'Max width' so Webflow auto-sizes it.
6. Publish and verify: After publishing changes, run PageSpeed Insights on your live Webflow domain (not the .webflow.io preview) to get accurate results, since the preview subdomain may have different caching behaviour.

What is page speed warning?

Page load time is how long it takes for a visitor's browser to fully display your store page after they click a link or type your URL. When a page takes more than 1.5–2 seconds to load, visitors experience a noticeable delay before they can see and interact with your content. A load time of 3 seconds or more (like the example finding) is considered slow by both Google and modern shoppers. Page speed is measured by several signals — the most important being Google's Core Web Vitals, which assess how fast your content appears, how quickly it becomes interactive, and how stable the layout is as it loads.

Google has officially made page speed and Core Web Vitals a direct ranking factor for all pages. Slow pages rank lower in search results, meaning fewer people find your store organically — costing you traffic and revenue before a visitor even arrives. For shoppers who do visit, studies consistently show that every additional second of load time reduces conversions: a 3-second page loses a significant portion of mobile shoppers to bounce before they see a single product. Slow stores also perform poorly in Google's mobile-first index, which evaluates your mobile experience first when deciding your rankings. Fixing page speed is one of the highest-ROI improvements an ecommerce store can make — it simultaneously boosts your SEO rankings, increases conversion rates, and improves accessibility for users on slower connections or lower-end devices.

See the complete Page speed warning guide for every platform and the full background.