Controlling the script tag? You can set async or defer flags, but if Webflow loads it, optimization options are limited mostly defined by project settings.
Has anyone managed to get 100% on all metrics yet, for a Webflow-hosted site?
Because it’s possible.
I was shocked at how easy it is to do it, if you read the descriptions in the pagespeed report, and implement whatever it says.
The shocker:
You don’t even need to eliminate “Render Blocking” fully to get 100% (which you still can’t do when hosting with Webflow in 2024). You don’t need to implement any third-party shenanigans like CloudFlare workers.
Still can’t believe it?
Check out my site’s pagespeed report (2024-01-27):
Like I said, it is NOT a requirement to “Eliminate render-blocking resources” to get 100% ![]()
-----
Games hosted on Webflow
Unrelated to the topic, but come try out some games I made on a Webflow-hosted site, and let me know what you think!
Is there anything done here in project settings that helps achieve this?
I run into issues with FCP / LCP on text only pages with a 20kb min.css.
Webflow should really address this, it’s a major issue that is making us think about switching away from Webflow
Need help with this as well. Since webflow is slowing down our website we lost our rankings in Google Search. Would love to see a response from Webflow as it’s killing the business.
It’s not the CSS that is causing the issues. It’s the images.
One of the methods I used was to downsize the original images on the computer to roughly the size of the element, then I used a convertor software to convert to JPG at 70% quality.
The free software I used was FastStone Photo Resizer - you should check it out
Webflow should take Core Web Vitals seriously and step up their game, otherwise I (and I suggest many others) will leave the platform.
Our mobile performance is killing SEO traffic. It just doesn’t make sense to build on Webflow if it takes you 2.5 seconds LCP after optimising the hell out of my project. Optimised (WEBP) images, minimised CSS, async tags, no external css etc. etc.
I’ve worked for months on my current project only to find out that Webflow doesn’t allow me to host fully on my own domain. This is a shame and should be on the front page of your marketing website!
The new “Asynchronously load JS” toggle under advanced publishing options seems to have helped. I don’t know how with no “async” or “defer” attributes added to scripts. However, the Google Tag Manager script added by the Google site tools for Webflow app is the only script that Chrome DevTools’ Lighthouse is reporting as render-blocking (on my site).
As for the site stylesheet also render-blocking, it would be amazing if Webflow could deliver critical CSS inline, then load the non-critical stylesheet asynchronously by applying the rel=“preload” as=“style” onload=“this.onload=null;this.rel=‘stylesheet’” pattern, or whatever magic behind the scenes. ![]()
Hi @A_Christou
You’re definitely right to be concerned about render-blocking resources, especially with the upcoming Google Page Experience update. It’s becoming more important to optimize for mobile performance, and the min.css file from Webflow can be a bit of a bottleneck, even though it’s relatively small.
Here are a few strategies you can try to improve the situation:
Deferring CSS isn’t natively supported in Webflow, but you can try deferring non-critical CSS or JavaScript files by using custom code. This can be done by adding the rel=“preload” or defer attribute to some of your non-essential resources to improve load time.
Image Optimization: You’ve already made a great move by switching to WebP, but ensure you’re using responsive images in Webflow. The platform automatically serves images based on the device’s screen size, which can help improve load times for mobile users.
Alternate, For automated speed optimizations, I highly recommend trying the Website Speedy app from the Webflow Marketplace. It helps with image compression, JS and CSS minification, and lazy loading to boost your website’s performance, especially on mobile devices. It can automatically address many performance issues without you needing to dive deep into custom coding or manual optimizations.
Check it out here: Website Speedy & Webflow Integration - Webflow Apps

