New to the community? Start here

[Smush Pro] CDN auto-resize doesn’t work for me

The home page images of my site are served from Smush CDN and auto-resize is enabled but still, I get the “Serve Scaled images” recommendation on the performance test report.

Tue, 26 Nov 2019 6:32:22
More Smush Pro discussions
Smush Pro
  • Adam
    • Support Gorilla

    Hi Brian

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

    I checked the site and it seems like some of those images that are served by Smush CDN are indeed not resized down. There are multiple images served as expected but some of them a indeed scaled down by browser only – that would explain why GTMetrix “complains” about that.

    I admit though that I’m not sure why this is happening so I’ve asked our developers for help. They’ll check the site again and lend us a hand on this so please keep an eye on this ticket for further information.

    Best regards,
    Adam

  • Adam
    • Support Gorilla

    Hi Brian

    I apologize for the delay on my end!

    Our developers checked the site and it seems that this actually is a theme/page markup issue.

    The auto-resizing feature will not change the DOM elements size (so e.g. “div” blocks’ sizes). It will provide missing attachment sizes for images to fill-in the gaps for different devices. It’s up to the theme to properly handle the container sizes.

    In this case there are not enough breakpoints. The rows will contain 6 images, no matter the screen size. There are 6 images at 1000px width and still 6 images at 2400px width. For such layouts Google will always show a warning, because Smush can’t put a proper size in. It has to look good on both the large screens and the smaller ones so it’s a kind of a “bargain” – either great scores or “not-so-good” site presentation.

    Kind regards,
    Adam