How to optimize Webflow site performance

The ultimate guide to Webflow site performance optimization
In this video, Andrew from Sommo gives practical advice on how to get maximum speed from a Webflow site:
0:00 intro
0:28 Why speed is important
1:10 How to measure speed and performance
3:30 Webflow default speed optimization features
4:34 Third-party script optimization
11:48 Fonts
14:48 Images
20:06 Videos
21:45 Site organization
27:54 General recommendations
✭ Blog post: The ultimate guide to Webflow site performance optimization - www.sommo.io/blog/the-ultimat...
✭ Contact us at Sommo to help you design and launch a great and fast Webflow site - www.sommo.io/contact

[@marexibinsa2915]

Great video! Some key points were highlighted that I hadn't heard anyone else discuss. Thank you!

[@sommo_io]

Glad it was helpful!

[@tobihuber7994]

This video is awesome!! Thanks.

[@morejazzmoreass4472]

Thank you for making this video!!!!!!! 😍😍😍😍

[@robinHAAF10X]

I just found this! This was great. Learnt a lot new stuff to try out ✌✌

[@anthonyp2301]

Incredible thank you for all that

[@sommo_io]

Hello, Anthony. Thanks a lot for your warm feedback, we appreciate that. 🙌

[@Vikas_Singh_Kushwaha]

Underrated video. Thanks for the help buddy. 🎉❤

[@sommo_io]

Thanks a lot 😍. Glad you find it useful 🙌

[@fahimspirit]

Very helpful content!

[@sommo_io]

Glad it was helpful!

[@altoppingphotography]

Thanks. You've allowed me to increase two of my key pages from the low-30's to 70+ on mobile and from the mid-40s to 96 on desktop. All in a few hours. Massive help. Thank you.

[@sommo_io]

Amazing results! 👏 Keep going, we're here to help 🙌

[@virathedon]

Super useful! Can you share the Conditionaly loading code? That seems like a game changer. Cheers!

[@jdanielortega]

Extremely useful, Thank you very much Andriy. When you suggest using images to recreate backgrounds, you mean like creating a div called background on every section, sending it to the back, and placing there the images using position=absolute to display them around the page? you just mentioned to avoid using the image-background style but didn't go in-depth like you did with every other recommendation. Thank you in advance if you get the chance to read this!

[@sommo_io]

hey Daniel. Yes, correct. You can place images like that (or with relative positioning, or in any other way suitable for your website). The main idea that images should be in tag, preferably lazy-loaded if not on the first visible sections. And to avoid "background-image" properties.

[@jdanielortega]

@@sommo_io Thank you very much Andriy, will give it a shot.

[@cameron-chittick]

Thanks so much for this! For the background image issue do you suggest making your full page section an image??

[@sommo_io]

Yes. Just replace all "background-image" with tag and position them accordingly with "relative" / "absolute" position.

[@jdanielortega]

Hey Andriy, another question, do you know if we swapped fonts, from google fonts to downloading the font like you suggest and uploading it with SWAP attribute, will that mess up the combo classes? should we manually relink them to the uploaded file?

[@sommo_io]

Nope, it should not impact your combo classes. It's ok (and common) to start with Google fonts, use them to define fonts for all the classes, and then change Google font's to uploaded manually with "swap". Classes continue to use the same fonts, but now they are loaded in more efficient non-blocking way.

[@rafael_cunha]

Your video on optimization was one of the best I've seen, but I didn't understand the final part (33:55). Can I not download the code, *make changes*, and host it myself?

[@sommo_io]

Hello, Rafael. Thanks for the feedback 😊, glad you liked it. Yes, sure, you can download the site, make changes all you want, and host it yourself. That way you'll lose some Webflow features, though. It works well when you don't plan to add many changes. However, if the site is under active development with new pages/content regularly added, it becomes very cumbersome and time-consuming to do it for every single publish of the website.

[@rafael_cunha]

@@sommo_io Thanks for getting back to me so fast. My main concern is about breaking Webflow's terms of service (32:55).