If you can build a complex navigation in @webflow without losing your sanity ๐
And make the most out of 60 CMS fields (creatively, not desperately)โฆ
You can handle almost anything in Webflow.
Those two test your logic and problem-solving like nothing else.
Agree or nah? ๐
Just over a year since I built the Bullet website in Webflow.
Revisited it & the team has been adding new stories + work with ease.
I built it to be:
โ Scalable & easy to manage
โ Fast & reliable
โ Smooth fade-in animations
๐ https://t.co/4pwMZJU7jf
A full guide to optimizing your Webflow site.
๐งตHow to get 100s on Page Speed Insights:
Default Settings
1. Turn all 5 "Advanced Publishing Options" on.
2. Disable indexing of webflow subdomain.
3. Enable auto-generate sitemap.
4. Set Global Canonical URL.
Scripts
1. Move all scripts you can to before </body>
2. Reduce any unnecessary scripts.
3. Use defer and async in your scripts.
Images
1. Export in the right image formats.
2. Size images properly.
3. Compress all static and CMS images to WebP.
4. Do not use images as background elements.
5. Lazy load most images.
6. Eager load critical images (e.g. hero section)
7. Use SVGs where possible.
8. Embed small SVGs directly.
Videos
1. Optimize your video size (use sites like H)
2. Host videos externally through the Custom element.
Fonts
1. Minimize the number of fonts.
2. Manually upload fonts through swap.
3. Use fallback fonts.
4. Preload fonts with code.
5. Check all fonts for contrast (at least AA).
6. Use REM or EM instead of pixels for better accessibility.
Styles
1. Stick to a proven class naming system
(e.g Client-first, MAST, Lumos)
2. Clean unused classes regularly.
Animations
1. Use CSS-based animations where possible.
2. Use GSAP for more complex animations.
3. Clean any unused animations regularly.
SEO
1. Add Page Titles, Meta Descriptions and OG images on static and Dynamic (CMS) pages.
2. Set alt texts for static and dynamic assets.
----------------------------------------------
Have any other tips for performance-optimization in Webflow?
Drop them in the comments๐
@flowgurus @relume_io Joining FlowGuru's was the best thing that happened to me last year. I learned a lot from you, my mentor @kaleb ๐ซก Thank you for everything: referrals, always being there to support. You are the best, and I wish you all the best! ๐ซก๐ซก๐ซก
Weโre excited to announce that Kaleb from @flowgurus has joined the Relume team as our Component Team Lead ๐
We are excited to see him take our component library, which serves as the foundation of Site Builder, to the next level ๐
Cold emails are crazy ๐คฏ You can literally write to anyone and get a response.
Here are 10 cold email templates that helped us scale Flowout by 3x in less than a year.
Just retweet to get them in your inbox for FREE (must follow to get a DM) ๐จ๐จ
Nigerians wake up oooo! They are currently rigging election results for APC in apapa Lagos state. Peter Obi won but they are erasing the results with tippex and inflating the results for Tinubu
Retweet ooooooo ๐