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 addressing min.css performance by optimizing asset delivery, implementing asynchronous loading, and enhancing infrastructure and CDN services.
  • They consider core web vitals and mobile performance improvements, including image optimization and providing user tools for analysis and education on best practices.

Webflow users are concerned about the performance of the min.css file in regard to Google's page experience update, which focuses on improving mobile page speed. Here are some key aspects Webflow has addressed or planned regarding this issue:

​

1. Optimizing Asset Delivery

  • Intentions to Enhance CSS Delivery: Webflow aims to optimize how assets are delivered to improve load times, particularly focusing on critical CSS.
  • Asynchronous Loading: Implementing methods to ensure non-critical CSS loads asynchronously when possible.

​

2. Increasing Mobile Performance

  • Taking Core Web Vitals into Account: Webflow is actively considering core web vitals like LCP, FID, and CLS in their updates.
  • Image Optimization: Plans to continually enhance the automatic optimization of images, reducing size and improving delivery speed.

​

3. Infrastructure Enhancements

  • CDN Improvements: Ongoing improvements and expansions to their CDN (Content Delivery Network) services to minimize latency worldwide.
  • Server Upgrades: Upgrading server technology to better handle concurrent traffic loads efficiently.

​

4. User Tooling and Education

  • Providing Tools for Analysis: Offering tools within Webflow for users to analyze their page performance metrics and identify potential bottlenecks.
  • Education on Best Practices: Educating users on best practices for optimization, including designing for minimal CSS usage.

​

Summary

Webflow is focusing on improving the delivery speed of the min.css file and overall mobile performance by optimizing asset delivery, enhancing infrastructure, and providing user tools. They recognize the importance of core web vitals and are actively updating their services to align with Google's page experience guidelines.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
How can I change the color of the bullets in Webflow without using code?
How can I quickly duplicate a prepopulated CMS Collection Page in Webflow and easily modify its contents without manually copying and pasting fields or using the bulk import function?
How can I fix the issue with the section link scroll on my Webflow site when using Tablet to Mobile breakpoint where the page scrolls past the intended section? I have already tried changing the image load settings to Eager but it didn't work. Thank you!
Is it possible to get an authentic answer about how to eliminate render blocking resources for Google Page Speed in Webflow? Thank you in advance.
How can I connect to the Vimeo API in my Webflow CMS template to display embedded videos?
Why are the images on my website stretched on mobile devices after replacing the source image in Webflow?
How can the thin black lines be removed from YouTube videos in Webflow?
Is it possible to display data from an external database, such as Airtable, on a Webflow page? I am looking for a solution where Webflow acts as the front-end only and retrieves and displays data from a separate database. Additionally, if I have a blog page that displays articles from the external database, is it possible to have unique URLs for each article, even though the data is not from Webflow CMS? Why or why not?
What are some troubleshooting tips for setting up a simple scroll animation in Webflow?
Can Webflow be used to crop images with CSS, instead of editing them individually in Photoshop for a large number of images in the CMS?
Is there a workaround for aligning content vertically in Webflow when there is just one line of text, without affecting the alignment of content with two lines of text?
Can a Webflow page accept URL parameters to pass answers from a Typeform quiz and add them as hidden fields to a Webflow form for collecting contact details?
What is causing my CSS Grid elements to display incorrectly in Safari and how can I fix it for both Safari on desktop and Safari on iPad?
Can you access Webflow's code to change the value of a parent div with a custom attribute in Udesly's audio player for Webflow based on a CMS field?
How can I add user input to the end of the redirect URL in Webflow?
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?
How can I reduce the vertical space between lines within a bullet point in Webflow? Can I replace the bullet points with icons on the "Services" page?
How can the text color be changed for custom input fields on Webflow?
How can I add conditional visibility in Webflow to prevent a div from appearing on a published page if a CMS field is empty?
How can I stop a YouTube video from playing in the background in audio mode when I close a modal in Webflow?
How can I connect and use my JavaScript and CSS files for special functions and styles in Webflow?
How can I fix the "Ensure text remains visible during webfont load" warning in Webflow?
How can I implement a ThreeJS script as a background for my Webflow project using custom code?
How can I send data from a Webflow Form to ActiveCampaign without using Zapier? I have set the form to POST and input the form's action URL, similar to Mailchimp but it redirects me to the admin area of ActiveCampaign without sending the data. Has anyone had success with this method?
Can Webflow be used to create a "blob" elements effect in the header of a website using custom code or JavaScript?