Webflow sync, pageviews & more.
NEW

What updates or plans does Webflow have to address the slow serving of the min.css file and improve mobile page speed in light of the upcoming Google page experience update?

TL;DR

Webflow is aware of performance concerns related to min.css file delivery and mobile page speed, especially with Google's Page Experience update emphasizing Core Web Vitals. While Webflow doesn’t publicly disclose future roadmap details, here are key areas they have been improving:

1. Webflow’s Existing Performance Optimizations

  • Global CDN: Webflow uses Fastly and AWS CloudFront to serve assets globally for faster load times.
  • Minified & Compressed CSS: Webflow already minifies and serves CSS files with gzip or Brotli compression to reduce file size.
  • Lazy Loading: Images, videos, and iframes can be set to loading="lazy" to defer loading off-screen elements.
  • Automatic Code Minification: HTML, CSS, and JavaScript files are automatically minified.

2. Potential Improvements Webflow May Introduce

  • More Granular CSS Loading: Webflow could implement critical CSS extraction to prioritize above-the-fold styles.
  • Faster Edge Caching: Further enhancements in CDN caching could help with CSS file delivery speed.
  • Better Asset Loading Strategy: More efficient bundling of styles and scripts may help with render-blocking resources.

3. Steps You Can Take Now

  • Reduce Unused CSS: Avoid unnecessary Webflow elements and interactions that add unused CSS.
  • Optimize Images & Fonts: Use WebP images, limit custom fonts, and enable font-display: swap in your custom CSS.
  • Host Critical CSS Inline: Add essential styles inline in Page Settings > Custom Code (Head) to speed up rendering.
  • Minimize Third-Party Scripts: Reduce non-essential embeds like heavy analytics or chat widgets.

Summary

Webflow continuously updates performance optimizations, but for now, CDN caching and CSS minimization are their primary solutions for faster min.css delivery. You can further enhance mobile speed by reducing unused CSS, optimizing assets, and inlining critical CSS. Keep an eye on Webflow’s feature updates for improvements related to Core Web Vitals.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
Is there a way to animate the opening of the dropdown menu in Webflow to make it smoother and less abrupt?
How can I create a dropdown menu from a tab component in Webflow that improves user experience and reduces scrolling on mobile views?
Can Webflow be used as a CMS for two different websites and can it automatically update both websites if changes are made using a CSV file?
How can I play an embedded Vimeo video when it becomes visible in the viewport using a plugin in Webflow?
Where can I upload audio files for my Webflow site in a similar manner as mboxdrive, without the files disappearing after a while?
Is it possible to display data from a webhook response on a Webflow page?
How can I improve my page speed in Webflow, specifically regarding render-blocking resources and unused JS? My site's mobile speed is slow due to Webflow sending one large JS file instead of splitting it into smaller packages.
What is causing the intermittent 504 gateway timeout issues in our Webflow CMS? We have conducted health checks and observed a pattern of occurrences.
How do I hide sections in "Display" on duplicated pages from a parent Webflow template/layout without affecting other pages?
Why is the page URL doubling up and causing a 404 error in Webflow?
Can Webflow be used to clip an image using an SVG clipping mask without custom coding?
What are some new functions available through the CMS on Webflow with the release of the new Dynamics Embed widget?
Why is the <code>content-type</code> header not being updated in the HTTP request sent from Webflow Logic, despite the proper configuration?
Is there a workaround for the limitation in Webflow regarding custom code with more than 10,000 characters?
Can I disable email submission for a form on Webflow? I have multiple forms on my site and want to prevent one specific form from sending emails, as it is a zip code submission that redirects to an external booking page.
Can Webflow be used to call a CSS or JS file stored on a different server, instead of hosting them on GitHub?
How can I use the Finsweet script to manage two different sliders on my Webflow page, each feeding content from different collections?
How can I prevent a full-screen slider in Webflow from pausing on hover? Additionally, I would like to link two sliders to one control or navigation. Can anyone with JavaScript knowledge help me achieve this?
How can I fix the issue with the scroll not being smooth on my mobile device (iPhone + Safari) in Webflow?
How can I prevent scroll when my nav is open in Webflow using code? The scroll is disabled correctly when I change the class name of the second 'menu', but it does not get activated when the menu is closed. It doesn't work at all if both class names are the same. Can anyone provide assistance with this issue?
How can I add date filtering to my current list of filters in Webflow using Finsweet CMS Filtering?
How can I change the language of publication dates in Webflow CMS collection from English to Portuguese?
How can I configure Webflow forms to exclude empty or unchecked checkboxes when sending emails? Additionally, is it possible to customize the email text for checked checkboxes, such as using "réservé" instead of "true"?
How can I dynamically redirect to a CMS created after form submission in Webflow?
How can I make the menu close when a link is clicked in Webflow?
How can I hide the "no items found" empty field in Webflow for a second multi-image gallery on certain pages?
How can I implement swipe functionality between tab panes on mobile using custom code in Webflow?
How can I disable right-clicking on images to prevent downloading on my Webflow portfolio website?
Is there a way to fix the issue of values from Textareas with multiple lines not getting parsed correctly in Webflow Logic when posting to an external API?
In Webflow, how can I hide specific elements in the footer (such as "Ramin Khaze The Difference" and "Schedule showing") when the URL contains a certain parameter, such as "?mls"? I am a beginner in coding and would appreciate any help. Thank you!