Badge Webflow Award Winner 2023

The Quick Webflow to-do list

Published on 
8/4/2022
-
Amended on 
23/3/2023
Reading time: 5 min
Webflow logo with green lighthouse indicators at 100/100
Written by
Florian Bodelot with a T-shirt Digidop

Florian Bodelot

Co-founder

Quickly improve the performance of your no-code Webflow site by following this to-do-list. Ps: loading speed counts for your SEO results on Google

Key points to remember

Having a site on Webflow is a good start when it comes to improving the performance of your website. Analyses are formal, Webflow is the no-code platform with the best Google Core-Vitals performance. But there are some things you can do to go even further:

The Quick Webflow checklist

1. Delete unused CSS styles

How do you do it? In 2 clicks, from your designer.

Style Manager → Clean Up → Remoove unused CSS.

2. Delete unused interactions/animations

Interactions → Clean Up → Delete

3. Delete unused symbols

4. Enable minimisation of HTML, CSS, JS code

A few checkboxes to tick in your advanced settings. Yes, it's that simple.

5. Delete all unused images from your assets library

6. Delete unused pages

7. Delete unused collections

8. Reduce the amount of interaction/number of styles used in elements/each page.

Animations and interactions are javascript code that weigh down the performance of your website. Go easy on the animations on your pages to get 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 have probably understood, the main idea is that all your data (code, images, etc.) is stored. This data therefore affects the performance of your site. In this respect, it is essential to make sure that you follow good practices and that you only store what you need, which will help speed up your page load times and improve the performance of your site.

If you don't know where to start to analyze the performance of your website without code (Webflow, Wix, or WordPress?). Test these analytics tools ↓

2 free tools to analyse the speed of your site

Here are two tools to analyse the speed of your site:

  1. Lighthouse
  2. Pingdom

You can find other tools to analyse the speed of your website in our toolbox.

Want to go further in the optimisation process?

This list is a great start but you can get even more from your Webflow site. How? Find a Webflow expert to help you improve your site - Experts can address awide range of issues to help you get the most out of your site.

Flomodia by Digidop
Coudac project by Digidop
project Heka by DigidopFlaw by project DigidopMorfo project by Digidop