How to fix low performance score on Webflow
Improve your Lighthouse/PageSpeed performance score by reducing page weight, deferring JavaScript, optimizing images, and fixing Core Web Vitals metrics so your store loads fast on mobile and desktop.
Steps for Webflow
- Images — In the Designer, select each image → Element Settings panel: enable 'Lazy load' for below-fold images; set explicit width and height. Use the Webflow Asset Manager to upload WebP images directly.
- Interactions & animations — Webflow Interactions add significant JS. In the Interactions panel, audit and delete any unused animations. Disable interactions that fire on every page scroll if not essential.
- Custom code — Project Settings → Custom Code (site-wide) and Page Settings → Custom Code (per-page): audit all <head> and before-</body> scripts. Move analytics and marketing scripts to the footer and add defer or async attributes.
- Fonts — Project Settings → Fonts: remove any unused Google Fonts or Adobe Fonts. Each font family/weight is a separate network request.
- Unused CSS — Webflow does not generate unused CSS the way hand-coded sites do, but third-party embed scripts can. Audit embed blocks on each page.
- Hosting CDN — Webflow's hosting uses Fastly CDN automatically. Ensure your site is published to Webflow Hosting (not a custom server export without CDN) to benefit from edge caching.
<!-- Hero/LCP image: load eagerly with high priority, explicit dimensions -->
<img
src="hero-banner.webp"
alt="Summer collection — shop now"
width="1200"
height="600"
loading="eager"
fetchpriority="high"
/>
<!-- All below-fold images: lazy-load, explicit dimensions to prevent CLS -->
<img
src="product-thumbnail.webp"
alt="Blue running shoes"
width="400"
height="400"
loading="lazy"
/>
<!-- Defer non-critical third-party scripts -->
<script src="https://example-chat-widget.com/widget.js" defer></script>What is low performance score?
Lighthouse (the engine behind Google's PageSpeed Insights tool) grades every page from 0–100 on performance. The score rolls up several real-world loading metrics — most importantly Google's Core Web Vitals: Largest Contentful Paint (LCP, how fast the main content appears), Interaction to Next Paint (INP, how fast the page reacts to taps/clicks), and Cumulative Layout Shift (CLS, how much the layout jumps around). A score of 8/100 on mobile means the page is extremely slow for the majority of shoppers who visit on a phone. The score is not a vanity number — it reflects a genuine, measurable delay that real visitors experience.
Google uses page experience signals, including Core Web Vitals, as a ranking factor for mobile search — a store with a very low score can lose meaningful search visibility to faster competitors. Beyond rankings, conversion research consistently shows that every additional second of load time can reduce conversions by 10–20%; a score in single digits means customers are likely abandoning the page before it even finishes loading. Slow pages also penalize your Google Ads Quality Score, raising your cost-per-click. On mobile — where most ecommerce traffic now originates — the experience gap between a score of 8 and 80 is the difference between a bounce and a sale.
See the complete Low performance score guide for every platform and the full background.
Not sure if your Webflow store has this?
Run a free SEOLZ audit — we’ll find low performance score and every other issue across your whole site.
Scan my site free