Images detected by Smush Bulk feature are not being properly smushed

When trying to smush images detected, Bulk Smush starts smushing images and shows that it has finished with the process. However, upon page refresh, warning is shown again.

  • Nebu John
    • FLS

    Hi Jason,

    Hope you are doing good today.

    I’m sorry to hear about this problem caused by our plugin.

    While further investigating, I noticed that preview of those images that are not being smushed are missing in the media library. This probably is because those files are corrupted. And I was also able to smush them individually from the media library.

    You could try to re-generate thumbnails of the corrupted files using this plugin Regenerate Thumbnail. Link to plugin given below

    https://wordpress.org/plugins/regenerate-thumbnails/

    Hope this helps you in solving this issue.

    Kind Regards,

    Nebu John

  • Jason
    • New Recruit

    I ran the “Regenerate Thumbnails” plugin which seems to, at the moment, to have removed the pending smush images issue. However, when running a performance test with Hummingbird Pro, I am still notified that images should be “properly size” and “serve images in next gen formats” when rezising in Smush is turned on and I’m using the CDN. Something still seems wrong.

  • Nebu John
    • FLS

    Hi Jason,

    Hope you are good today.

    While on my further investigation, I could identify these images are not served from Smush CDN. As for those images that are not served from CDN, the issue here is actually not in Smush. All these images listed there (that are coming from your domain) are included on site as a "fixed URLs" in CSS. This means that they are explicitly referenced in CSS code.

    [attachments are only viewable by logged-in members]

    Furthermore, that CSS looks like it was dynamically injected to the page source – so it might be coming either from a theme or from some plugin. Smush cannot alter such "hard-coded URLs" in CSS and that's why it's not able to replace these particular images with their CDN versions.

    Also, these images are larger than it's HTML holder. For example, the image mentioned in the above-given screenshot, the size of image loaded is 980×460 but the actual HTML holder of that image is only 299.14×225 so the image is resized with CSS to fit in that holder.

    Unfortunately, this is not something Smush can deal with since your theme/plugin code is written in the way to call the larger image, and even though the image is compressed Google doesn't like loading image larger than its holder, so this is something you need to check with the theme/plugin devs.

    Kind Regards,

    Nebu John