Improving page speed in Webflow with Ruairi McNicholas
HTML-код
- Опубликовано: 3 июл 2024
- Learn how to make your websites load faster by understanding the basics of Webflow page speed. This video will demystify page speed and provide you with essential tips to enhance your site's performance.
-----------------------------------------------
// TIMESTAMPS
00:00 Intro
00:54 Principles of page speed
04:28 How content impacts page speed
06:25 Web pages tested with Lighthouse
11:44 GTmetrix speed testing tool
15:18 Mobile performance speed in Lighthouse
19:34 Optimising content on your website
29:17 Webflow & speed speed
31:08 Talk to your clients
31:43 Outro
// RESOURCES FROM THE VIDEO
Lighthouse extension: chromewebstore.google.com/det...
Fastly: www.fastly.com/Finsweetplus:
Cloudflare: www.cloudflare.com/
GTMetrix: gtmetrix.com/
Webflow: finsweet.info/webflow
Finsweetplus: finsweet.com/plus
Subscribe to Finsweet RUclips: ruclips.net/user/Finsweet?su...
Get the full list of FREE Finsweet products: www.finsweet.com/subscribe
-----------------------------------------------
// ABOUT US
We’re Finsweet - a Webflow enterprise partner, badass product creator, and educational content powerhouse. We are taking Webflow to a new level and sharing everything with you along the way!
🙌 Join our community - finsweet.com/plus
🔥 Add superpowers to your Webflow website - finsweet.com/attributes
🧰 Extend your Webflow workflow - finsweet.com/extension
🚀 Build clear, scalable & organized Webflow websites - www.finsweet.com/client-first
👀 Check out products used at Finsweet - www.finsweet.com/recommended
🛍️ Buy Finsweet merch - finsweet.com/merch
-----------------------------------------------
// SOCIAL
Podcast: anchor.fm/finsweet
Twitter: / thatsfinsweet
Tik Tok: / thatsfinsweet
Instagram: / thatsfinsweet
Facebook: / thatsfinsweet
Dribbble: dribbble.com/thatsfinsweet
Behance: www.behance.net/thatsfinsweet/
Webflow: webflow.com/team/Finsweet/
-----------------------------------------------
// TAGS
##Webflow #PageSpeed #WebsiteOptimization #WebDesign
-----------------------------------------------
Thanks for your support! 🤟
To save yourself from hunting down that one .svg in the asset panel... Webflow's search in the asset panel also looks for extensions. When I bulk compress images, I'll do a search for the extension of the compatible photo (.jpg, .jpeg, and .png), click select all, and initiate the bulk from there.
Thank you!! This is a great tip that I wasn't aware of and will be using.
Couldn't come at a better time, thank you!
Glad you found it useful!
Great video Ruairi! Thank you so much!
You are most welcome!
Very useful. Thank you for posting!
You're welcome and thanks for watching!
Thanks a lot for the great video guys!
You are most welcome!
Cool video but really want to know how we can optimise page load with background videos. Some websites are instantly loaded, my webflow ones… not so much 😢
lol at timestamp 20.01: Async of defer scripts where pissible. ;)
It reads 'Async or defer' 😜 or did I say that at some point?