At this moment, Webflow loads the whole CSS file at every page load. This causes the page speed score on, for instance, Google PageSpeed Insights to be poor. In addition to this, it also loads al
It would be great if we could remove those unused styles and keep only what is necessary for a given page. This means the output CSS file of WebFlow will be split into separate CSS files, thus increasing the page loading speed.
Tijs van der Werff
.svg){kind=logo}
You're spot on—loading the entire CSS file on every page can definitely slow things down and affect your PageSpeed score. One way to tackle this issue is by optimizing the CSS file and reducing its size to only include the necessary styles for each page.
Additonally, I recommend trying Website Speedy. It automates CSS optimizations and helps improve load times by reducing unnecessary styles, giving your website a performance boost!
Check it out here: https://webflow.com/apps/detail/website-speedy
Please
Crickets from Webflow.........After more than 3 years after this suggestion was made, it still hasnt been addressed or replied to it.
Webflow's forums and wishlists are filled with customers struggling with product related issues which plague customers website performance & SEO scores. A great deal of the user feedback dates back 6 years ago or more.
If Webflow Customers are struggling just to get a good site performance & SEO score, then what's the point of using Webflow?
This is very important for larger websites. React, or another framework works very well with this feature to improve SEO.
We would also love to see this.
I need this!
This is absolutely needed. Please consider this. On larger Webflow projects the CSS file becomes very large.
Webflow, we need this.
scores*
I can recommend https://stacket.app/ for advanced pagespeed cores
This is becoming super important both for JS and CSS.
Any updates from Webflow team?