Image optimization for website performance (video guide)
Learn how to make your website blazingly fast
by properly sizing & compressing your images.
Is your website's speed dragging you down in Google rankings? Are visitors having a bad user-experience on your site?
It might all come down to how you size and compress images.
And with half of your visitors likely using a mobile device, delivering optimal image file formats & sizes is critical. Otherwise, your hard-earned traffic decreases, and your Google rankings eventually drop too.
In this video guide, I'll teach you everything you need to know about image optimization for improving page load times: how to size your images, how to export and compress them, what tools to use and how to configure performance plugins, how to test your site's speed and understand the performance reports, and much more!
Here's what you'll learn:
Why image optimization is important
By simulating a visit from an average mobile device, you'll clearly see the bad browsing experience on a poorly optimized website with large images.
How to apply all the changes to a live website
We'll start by using a sample photography website I prepared (doing a lot of things wrong, intentionally), and walking you step-by-step through the tactics of making it fast again!
Preparing images at the right pixel dimensions
This is the most critical step of the optimization process, as image dimensions influence all other aspects. I'll show you how to figure out the right sizes using your browser's developer tools.
Understanding performance test reports
I'll decipher all image-related opportunities from Google PageSpeed Insights and GTmetrix reports so you can fully understand what they're telling you.
How to configure & use image optimization tools
I'll manually walk you through the settings pages of two popular image optimization plugins, and tell you how to leverage them to do most of the heavy lifting.
Plus other tips
Besides optimizing images, I'll walk you through how a strong performance plugin can be configured to significantly reduce page load times, along with other pro tips.