I've recently been trying to work on increasing my SEO ranking for my shop, and I know that speed is one of the factors taken into consideration. So I've been using googles pagespeed insights tool on my shop and am finding it's considered very slow.
So, I've started making the image sizes smaller, however I am down to the point where the file size for each picture is now just 100kb roughly, as can be seen in this example here http://hideandhome.com/products/black-slim-leather-button-wallet and yet STILL googles speed tool says it's just 60/100 for desktop with the recommended fix being to decrease the file size by 88%, which seems crazy and wrong. Obviously I don't want to make them any smaller as otherwise it's going to compromise image quality too much.
So what can I do about this? How can I make my image sizes any smaller without losing quality? Or am I just totally misunderstanding how to use pagespeed insights properly?
All advice will be greatly appreciated
Shopify had the bad habbit of messing arround with your images. You can implement something like imgix to take chare of your images. Here is great article: http://freakdesign.com.au/blogs/news/91099207-how-to-use-imgix-with-shopify
I have the same issue with shopify, i have spent weeks minimising image and compressing but very very little difference and still far to slow........ is this a shopify problem.....? i have a fair experience with shopify these day, and from experience they aren't great fans of admitting things arent as good as they should be.
Used carefully the images, even unoptimized, should not be a problem. There are few things you can use like responsive images or loading images async that are not visible.
Most shopify stores load a ton on images and do not care about these things. You can be smart about it.
I'm interested in how Shopify optimizes and stores images. They recommend 1024x1024 for product images (for the zoom feature I suppose), but those images can be very large if they are detailed.
Is there an article on recommended sizes and how they are processed?
To optimize your images check out,
Thanks for the feedback. I will continue working on optimizing them all, though I feel achieving a score above 80 is going to be difficult.
Which does lead me to another question, just how important to SEO is page speed really? It's one of the last boxes I'm trying to tick off of the SEO things to do list, and it's one of the bigger struggles. My site still ranks way down at about page 10-14 on google (varying from to day to day) when I search my shop name, surely it can't just now be down to page speed?
It does affect rankings, Google says so, we do not know how much.
Besides affecting the ranking it affects sales. SLOW ecommerce equals lost sales. Look for the facts online, it really makes a difference.
You should not aim for 80 but actually aim for a fast first render. The perception of speed in more important then speed itself.