Product category "Serve scaled images" recommendation on PageSpeed

This topic has 4 replies, 2 voices, and was last updated 9 years, 1 month ago ago by Eva Kemp

  • Avatar: wjnmudie
    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…

    3 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    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.

    Avatar: wjnmudie
    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.

    Avatar: Eva
    Eva Kemp
    Support staff
    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.

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.