Page Speed – Serve Scaled Images Not Working As Expected

I’m using the WPMUDEV cacheing along with smushing the images with using your CDN, yet GTMetrix PageSpeed still shows an F grade for “serve scaled images” with a huge list of images that are not properly scaled…

  • Ashikur Rahman
    • Ex Staff

    Hello Dennis Bradshaw,

    Hope you’re doing well today.

    I’ve cleared your site Cache from Hummingbird and Cloudflare as well then checked your site on gtmetrix.com. I can see the score for “serve scaled images” is very good with an average rating. Check the attached screenshot, please.

    [attachments are only viewable by logged-in members]

    Let me know if I’m missing anything here.

    Feel free to reply here if you’ve any more questions or concerns. Have a great day ahead.

    Regards,

    Ashik

  • Patrick Freitas
    • FLS

    Hi Dennis Bradshaw

    Hope you are doing well.

    I found two different problems on that page.

    The first one the Slide was defined as Full size on Slider Images, the CDN will read the image property and server on that size.

    To avoid it, we can define the container size on Page Builder.

    [attachments are only viewable by logged-in members]

    However, it didn't fix on the first moment, looking further, I found an additional CSS.

    .flex-gallery .slides img {
    width: 98%;
    }

    It was causing a CSS to resize too.

    So, I defined for that page.

    .flex-gallery .slides img {
    width: unset;
    }

    [attachments are only viewable by logged-in members]

    On the new test, you can see only one image being reported.

    [attachments are only viewable by logged-in members]

    This image is an external image from video thumbnail. Unfortunately, external assets we can't control.

    Let us know if you need any further help on this.

    Best Regards

    Patrick Freitas