With the Google page experience update coming up, I’m sure a lot of people are going to be aiming to push their webflow sites in terms of performance.
On PageSpeed Insights - our site is ranking 90-95 on Desktop - but on mobile it’s struggling (between 50-70).
Even after rolling out WebP images to replace png/jpg - the biggest blocker seems to be the min.css Webflow serves.
It seems to be taking so long to serve this 32kb file (2.3 seconds)
People have posted on the forums - but it seems to get shut down by saying essentially it’s a black box and can’t be changed and that page speed isn’t a big ranking factor. With the new update, I’d hope there can be more of a discussion on this?
However - elsewhere there is discussion of deferring CSS and JS - with WP having plugins for this.
Are there any updates on this topic or plans to update things?
You can always export your site and self host. Of course if you use the CMS you would have to export your data and build a back end. Alternatively you could leverage Udesly and JamStack your site. Webflow is a nocode solution and that’s where they focus so with that you have to either work around all the limitations or build with code.
Hey webdev… so are we able to defer the google javascripts such as the analytics and the captcha? These are a real problem. Unfortunately it’s not as easy as just placing ‘defer’ inside the script. What are your thoughts?
Thanks!
If you can control the script tag you can set the async or defer flag there. If webflow loads it, via a setting in project settings then no. Webflow has limited options for optimizations.
Hmm, ok, so I presume Webflow loads the Captcha because I used the element from their navigation.
So, what I am seeking is advice and knowledge around how to fix several issues in the Core Vitals on my site… for starters. I’m trying to fill gaps in my knowledge so to speak and I am seeking guidance. Are you able to guide me in some way? Would it be better for us to have a chat or is this not your thing?
IMHO, Webflow is not following current best practices as it relates to render blocking. They still act like it’s 2010. I get around the limitations by self hosting.
I recently found resource that optimizes your JavaScript files: http://stacket.app (mod edit: no longer available) with this we could get a bit more optimization but I am unsure how much it would help since it would be an export.
any news on this? Why some resources are taking so long to load. It’s really hurting the mobile performance score. Is WP actually easier to optimize than WF? that’s disappointing.
that’s good to hear, but my complain was about that webflow is already more expensive than average and I shouldn’t be paying more to have such basic stuff.
This is something that should be on your marketing page. It is extremely sad to find out after days of work that Webflow self-hosting has mobile limitations.
Not sure about this. If you’re self-hosting you can do whatever you want by editing the actual script calls in the HTMl file. Do you mean limitations with Webflow-hosted sites?
What are your thoughts?