Streaming live at 10am (PST)

Options for render-blocking resources

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?

Thanks very much,

The core site css and js is served as it is by Webflow. You can’t change that. So you can only focus on things you can change.

Thanks for the reply Jeff.

I know you’ve mentioned this before - but with page experience rolling out - LCP is important and a ‘good score’ is considered 2.5 seconds.

When the Webflow css and js is served in 2.3 seconds with no options to alter things (as google suggests) - is there a way forward here?

I appreciate that Webflow simply may not be suited for this level of optimisation.

Let me know if I’m missing something or if I’m over-focusing on this metric.

Thanks,

1 Like

thanks for the info. Its relevant for me

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. :frowning: 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?