Properly optimized images are THE best way to ensure your site loads faster.
And saving those images in next-generation file formats helps you get better speed index scores too, and future-proofs delivery.
The Squoosh online app from Google Chrome Labs helps you do both.
And it is so fast and easy to use!!!
See a great tutorial on how to use it, and tips for file formats to use.
ALWAYS Optimize Images Prior to Upload
Don’t count on a plugin to help you with image speed.
Most don’t work well, and many quadruple the number of images you are storing on your host disk – you know, that limited resource you are paying top dollar for.
You should always size your image properly, and optimize the file size for max compression while retaining quality, prior to uploading them to your site.
See these posts for more on how image optimization helps you have a fast site.
- Why Image Reduction and Optimization is the Quickest Way to a Fast Site
- How to Test Your Site Speed Accurately
- How to Test Image Optimization for Faster Page Load Speed
- 5 Ways to Create Image Widgets that Won’t Slow Down Your Site
- How Pinterest Widgets Slow Page Load and Best Alternatives
What is Squoosh?
Squoosh https://squoosh.app/ is an online app that runs in any browser that offers multiple codecs, or compression algorithms for compressing image file size.
Next Generation File Formats
These browser-supported image file formats have served us for years:
And most all image editors and optimizers still save files in those common formats.
Both of those formats use different compression algorithms to make the end file sizes smaller.
And, both employ different methods of rendering – either progressive or baseline.
Over the years, new image file formats and compression algorithms, or codecs, have been developed.
The new formats include:
That last one was invented by Google, and is the one they prefer you use.
Here’s my opinion on using WebP.
Google has a LONG history of:
- Creating its own version of things.
- Making it hard to use.
- Complaining about low adoption rates.
- Dropping it.
Two good examples are Hangouts on Air and G+.
So, as of 2019, I’m still not quite ready to jump on the WebP bandwagon.
That may change down the road. We’ll see.
For now, my codec of choice is MozJPEG.
This app is so, super fast to use!!!
- Just drop in an image
- Select your quality
- Save in your preferred format
The only thing Squoosh lacks is a bulk upload/download feature.
But, I find the optimization process so instantaneous that it really doesn’t take much time to do images singularly.
My friend, and fellow webmaster, Larry Snow made a super tutorial on using Squoosh.
I have included it below with his permission.
And be sure to poke around his YouTube channel and subscribe, as he has all manner of helpful tutorials on protecting your social media accounts, advanced features in Mailchimp, and so much more!!