[Smush Pro] serve scaled images

There is a “serve scaled images” issue on my website for a long time.

I tried many methods, but I was not successful.

is it possible to fix this with smush pro?

  • Adam
    • Support Gorilla

    Hi caglar

    I hope you’re well today and thank you for your question!

    The “serve scaled images” recommendation means that there are images on site that are bigger than their HTML container. For example: there might be an image used on site that is 1000×500 pixels but it’s displayed in a “div” element set to 500x300pixels.

    In such case browser is fetching that 1000x500pixels images and is resizing it down. This process alone affects performance (rendering time) but it also means that bigger file is downloaded than necessary – the more data has to be downloaded, the longer it takes, hence further performance decrease.

    I checked the site with GTMetrix and it does, indeed, detect some images that could benefit from being scaled down. I don’t think the resizing option that you showing on the screenshot would help with this – it’s a different thing and

    – usually those default settings are fine
    – it’s more useful if you are using “original” full size images on site rather than any of the smaller images automatically generated by WordPress.

    What could help would be a resizing option in Smush -> CDN settings but it only works if Smush CDN is enabled. However, I noticed that you’re already serving images via some sort of custom CDN so I’m not sure if Smush CDN feature will actually work on your site. It can only work either with standard WP media library URLs or with images offloaded to Amazon S3 (but with an addition of 3rd-party offload plugin). It’s worth giving a try though as you can always disable Smush CDN back if it doesn’t work.

    If that doesn’t work, I’m afraid the way to solve that in this case would be to actually manually edit and resize those images and physically replace them on the server.

    Kind regards,
    Adam