Page Speed Load Sucks - Very Slow

Community resources
1

Hi Guys,

It’s been a several months now of testing, but my website just doesn’t get past 30 performance score in page speed dev checks.

link: www.asset-supply.com

I’ve tried removing all custom code and removing some blocks I thought were heavy at Home Speed Test - still no change.

Compressed all images as hard as possible.
Nothing is above 300KB

Surely I must be missing something obvious here - It’s just painfully slow.

Any help is greatly appreciated,
Cheers,
Finn

2

Looks like you just need to address the issues highlighted from the page speed insights, which are all possible with a Webflow website:

  • Don’t lazy load images above the fold.
  • For all images, use WebP instead of a PNG, it’ll load way faster and not ding your performance as much.
  • You have a lot of static JS files loading. Put them on a CDN with a cache policy (Stripe, Facebook, PayPal are your biggest offenders). You could probably also defer load them if you don’t need them immediately on page load.
  • Switch from GTM to Zaraz, it’s way more performant and you can do the same stuff but it’s all server-side, that’ll be a big boost in performance for you. This will allow you to deploy GA4, Facebook pixels, etc… and anything else without impacting your page speed. I would load all of your external scripts this way that aren’t immediately required on page load.
  • Use explicit width and height in the HTML then use CSS to adjust the size of the image. Try to make sure the images are similar to the display size. Ideally you should load mobile-friendly sizes on mobile.

While you’re adjusting these things, I’d also go ahead and knock out the accessibility, best practices and SEO recommendations. Those should be easy to get 100/100 on.

What I was referencing:
https://pagespeed.web.dev/analysis/https-www-asset-supply-com/54xqyegcfs?form_factor=mobile

3

Except when you have site visitors that are on older versions of Safari since that file format is not supported on them and Webflow provides no fallback.

Webflow included assets don’t give you that option.

Not possible unless you move your DNS to Cloudflare and you proxy, which creates other issues so tread carefully.

Looks like you are using a LLM, if so vet every response or don’t bother posting it as it would not be helpful to the poster.

6

That’s not LLM, just a real human response based on what I implemented for a Webflow hosted site to get better performance ¯_(ツ)_/¯

8

Hi @Finn_Hanberg

I checked your site’s performance myself https://pagespeed.web.dev/ — mobile is around 36 (FCP ~10s, LCP ~16s, blocking time ~830ms), while desktop is ~68. The biggest issues are slow image rendering and scripts blocking the first paint. Here’s how you can fix it:

1. Optimize the hero section load

Problem: The hero background image and scripts are delaying the first paint (why your FCP is 10s+).
Solution: Preload the hero image so it loads first. In Webflow → Page Settings → code:

This ensures your hero loads instantly instead of waiting for other assets.

2. Lazy load below-the-fold images

Problem: Even compressed images all load at once, delaying LCP.
Solution: Use Webflow’s built-in Lazy Load for images, and for background images add this script in Footer Code Injection:

Then set your div background like:

3. Use WebP / AVIF for images

Problem: JPG/PNG files are heavier even after compression.
Solution: Convert to WebP and use for fallback:

team

This loads modern formats when supported, falling back to JPG.

4. Defer non-essential scripts

Problem: Tracking/marketing scripts add ~800ms blocking time.
Solution: Load them after the page is interactive. Add in Footer Code Injection:

This way content loads first, then your scripts.

5. Fonts optimization

Problem: Multiple font weights slow down render.
Solution: Reduce font variants and add font-display: swap:

@font-face {

font-family: ‘CustomFont’;

src: url(‘/fonts/customfont.woff2’) format(‘woff2’);

font-display: swap;

}

This shows fallback text immediately, then swaps in your font.

:backhand_index_pointing_right: If you’d prefer not to manage these tweaks manually, you could also try Website Speedy — a Webflow app we’ve built that automates lazy loading, script deferring, and image delivery. and we’re happy to help if you try it.

(Disclaimer: We developed this tool and are happy to answer any questions you may have about it!)