Return to previous page

Product category "Serve scaled images" recommendation on PageSpeed

This topic has 4 replies, 2 voices, and was last updated 10 years, 11 months ago ago by Eva Kemp

wjnmudie

Participant

February 17, 2015 at 23:50

Hi folks,

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?

Any help/advice greatly appreciated…

#43144 Copied

3 Answers

Eva Kemp

Participant

February 18, 2015 at 14:35

Hello,

You’ve been replied in the other topic concerning image sizes.
Please check.

Thank you.
Regards,
Eva Kemp.

#43338 Copied

wjnmudie

Participant

February 18, 2015 at 18:58

Hi,

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.

Thanks.

#43488 Copied

Eva Kemp

Participant

February 18, 2015 at 21:59

Hello,

You can change sizes for single product image editing the file wp-content/themes/blanco/woocommerce/single-product/product-image.php and product-thumbnails.php.

Thank you.
Regards,
Eva Kemp.

#43545 Copied
Viewing 4 results - 1 through 4 (of 4 total)