I get this as a recommendation on Google PageSpeed ratings. An example, it would report this an issue with a suggestion like this next to the specified image…
“www.mysite.com/wp-content/uploads/2014/09/is resized in HTML or CSS from 300×300 to 220×220. Serving a scaled image could save 21.8KiB (47% reduction).”
I am really trying to optimise my site the best I possibly can for google rankings and I would like to address this issue if at all possible. Creating a 220 x 220 thumbnail is not a problem, but is there anything I can do in the backend or in the template files to force the code to use the 220 x 220 thumbnail?
Thanks for your response and I read through your reply on the other thread.
However, I am still at a loss as to how to address this. The Woocommerce image settings dont seem to affect this.
The problem is this: –
The product thumbnails on the shop landing page are displayed 220 X 220 (this seems to be set by Blanco and not Woocommerce?) but the image that is being called for rending in the IMG element is 300 x 300, thus resulting in a complaint from PageSpeed.
I can regenerate thumbnails with a plug in so they are 220 x 220, this is not an issue. However, I still need to know which piece of code/setting is telling woocommerce so pull back the 300 x 300 image as I need it to pull back a 220 x 200 image, so I 1) have a smaller page size and 2) make PageSpeed happier with the page performance as server-side image scaling is no longer required.