HOW TO MAKE WEBFLOW SITE LOAD FASTER: Episode 10 - Optimize Images скачать в хорошем качестве

HOW TO MAKE WEBFLOW SITE LOAD FASTER: Episode 10 - Optimize Images

There are 3 asset types that will heavily impact your Webflow site load time: Your images, fonts, and scripts. I know that some of you struggle to fix different issues… That you see when running a Google Lighthouse or Page Speed audit. Today’s video will show you exactly how to fix all errors impacting you Web Vitals audit. We’ll start in Figma. Then move to converting images to WEBP. And finally uploading them to Webflow. So go ahead and watch the video. But also consider this if you usually skip parts: 1. Avoid images that do take the entire screen 2. Use fewer images. The more you have, the slower the page gets 3. Export images in frames and 2x resolution so they look good on retina 4. Use descriptive text to streamline your SEO score 5. Compress and convert images into modern formats like AVIF or WEBP 🍅 Here's the Squoosh tool to convert images into WEBP: https://squoosh.app/ Chapters: 00:00 - Intro 00:31 - How unoptimised images impact your page load 03:27 - Preparing the images in Figma 05:02 - Image SEO best practices 05:34 - Exporting the images 06:23 - Converting images to WEBP 09:24 - Importing images into Webflow 10:07 - Image SEO settings in Webflow 10:58 - Lazy loading & sizing settings 13:31 - Final thoughts & tricks 🍅 Struggling with your website conversion rate? Get a free website audit: https://bit.ly/3t3uMQc