Having a site on Webflow is a great start when it comes to 'enhancing your website's performance. The data is clear: Webflow is the no-code platform with the best Google Core Vitals performance. However, there are several things you can do to take it even further:
The Quick Webflow Site Checklist
1. Remove unused CSS styles
How? In 2 clicks, right from your designer.
Style Manager → Clean Up → Remove unused CSS.
2. Remove unused interactions/animations
Interactions → Clean Up → Delete
3. Remove unused symbols
4. Enable minimization of HTML, CSS, JS code
Just a few checkboxes to tick in your advanced settings. Yes, it's that simple.
5. Remove all unused images from your "assets" library
6. Remove unused pages
7. Remove unused collections
8. Reduce the number of interactions/styles used across elements/pages.
Animations and interactions consist of JavaScript code that can affect your website's performance. Be cautious with animations on your pages to ensure a fast site.
9. Reduce the size and compress your images.
Here are some free image optimization tools: TinyJPG and TinyPNG, ILOVEIMG, Squoosh.
10. Enable Lazy-Load for your images
⚠️ Not for visuals in the header
Conclusion
As you may have understood, the main idea is that all your data: code, images, etc., are stored. This data impacts your website's performance. In this regard, it's crucial to ensure you follow best practices and keep only what you need, which will help speed up your page loading times and improve your site’s performance.
If you’re unsure where to start when analyzing the performance of your no-code website (Webflow, Wix, or WordPress?), test these analysis tools ↓
2 Free Tools to Analyze Your Site's Speed
Here are two tools to analyze your site's speed:
You can find more tools for analyzing your website's speed in our toolbox.
Want to go further in optimization?
This list is a great start, but you can get even more out of your Webflow site. How? Find a Webflow expert to help you enhance your site - Experts can handle a wide range of issues to assist you in getting the most out of your site.
.jpg)
.jpg)
.jpg)
