Website is loading super slow on mobile

Alright - been looking around on this, but the JS that is coming from Webflow seems to be seriously slowing down our speed performance on mobile. We initially purchased a Template called SaaSly and I’m wondering if this is potentially an issue found there? Any other recommendations I can take to get our page performance up?

Here’s the link:
https://preview.webflow.com/preview/saasly-template-398feb-0aef9379ffee1a67?utm_medium=preview_link&utm_source=dashboard&utm_content=saasly-template-398feb-0aef9379ffee1a67&preview=6804d8a76c260e1007d7537531eabe6d&workflow=preview


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2 Likes

Link to the live site?

It looks like you’re not using any of the interactions on the site, so this could be contributing to quite a bit of heft in your JS file:

You can get to this screen by heading over to the Interactions tab in the right-hand panel and clicking the small “Clean Up” link:

1 Like

Site is very fast on my smart phone. If you’re logged in to Webflow while visiting the site it will load in additional stuff for the editor etc.

Super helpful - I was running one of our page on Google Speed Insights that was scoring in the teens and then bumped up to the high 50’s after this change.

Thanks!

Hmmm - good to know that it’s showing up well. Various speed tests are scoring it low, but I’m going to keep digging.

also try clearing unused CSS

2 Likes

@Stephen_Van_Gorp - I did a quick test blocking most of the hubspot code and the mobile score went from the 40’s to 70’s via Lighthouse 8. Something to consider.

2 Likes

Thanks for this - yeah I think we need to address the various scripts that we’re running for tracking on site because I think that it’s driving us down.

Link to the live site?

Hi,

It looks like the mobile performance issue could be related to JavaScript execution or unused interactions within the Webflow template. Even small scripts or unnecessary animations can contribute to increased load times, especially on mobile devices.

Here are a few steps to optimize performance:

Audit Unused Interactions: Check your Webflow Designer for interactions that may no longer be needed. Even inactive interactions can add to the JavaScript file size.

Enable Lazy Loading for Images: Ensure that lazy loading is enabled for images that aren’t immediately visible on mobile. This reduces initial load time and improves rendering speed.

Minify CSS and JavaScript: In Webflow’s settings, enable minification for both CSS and JavaScript to reduce file sizes and improve performance.

Alternative Optimization Tools: If you prefer an automated approach, tools like Website Speedy App from the Webflow Marketplace can handle optimizations such as image compression, lazy loading, and JS/CSS minification. (Disclaimer: I am affiliated with Website Speedy and happy to answer any questions!)

After applying these changes, test your site with Google PageSpeed Insights or Lighthouse to measure improvements. Let me know if you need further assistance! :blush: