[Hummingbird] Performance Test images show optimization needed

Am having some issues with asset optimization -- (1) Smush Pro has been used to optimize all images in all our wordpress files but continues to tell me that 13 images need optimization. No matter how many times I run bulk optimization those same 13 images need to be optimized.
(2) Performance test shows 46 images that need optimization. Any images in wp-content have already been optimized. Others look like they're not in wp-content or within our wp structure. Not sure how I'm supposed to optimize scontent.xx.fbcdn.net or http://www.google.com or i.imgur.com or external.xx.fbcdn.net images. Please advise.

  • Ash
    • WordPress Hacker

    Hello Jaymi

    #1: Would you please let me know which subsite I should check for smush image issues?

    #2: If the images are on another folder than wp-content or media library, you can use directory smushing option within the smush plugin.

    But if the images are from an external source like facebook or any other third party sites, then there is nothing to do I am afraid. You can't smush those images.

    Have a nice day!

    Cheers,
    Ash

  • Jaymi
    • New Recruit

    Ash,
    #1 The directory which shows the 13 images that continually need smushing is our main hub, https://www.peru.edu

    The 46 optimization issues are found on the performance test run on the WPMU DEV Dashboard which is located on our Network Admin hub. https://www.peru.edu/wp-admin/admin.php?page=wphb-performance
    I've attached a pdf of yesterday's performance test results with that information.

    #2 I used directory smushing option within the smush plugin for all of wp-content.

    Thanks for your help on this.

    Jaymi

  • Nithin
    • Support Wizard

    Hi Jaymi,

    Hope you are doing good today. :slight_smile:

    I checked the Performance Test in Hummingbird Dashboard for the main site, and could notice the images listed as not optimized.

    There are original images which is loading in your website, instead of Thumbnails, you can optimize such images, by enabling Smush my original full size images, option and Store a copy of my full size images, in the Smush Pro Settings page.

    Once enabled, and save the settings, you can run a Bulk Smush so such images would get optimized.

    Then there are images, which is loading externally from another server, for example:

    https://i.imgur.com/5WjVvgP.jpg could
    
    https://scontent.xx.fbcdn.net/v/t1.0-9/p720x720/47572398_10156619514910491_7172423821851361280_o.jpg?_nc_cat=108&_nc_ht=scontent.xx&oh=213e8e48f4dd1b73da547a90fb5008ec&oe=5CCA9F9B
    
    https://scontent.xx.fbcdn.net/v/t1.0-0/q82/p180x540/45317774_2069973826392019_3072873268621869056_o.jpg?_nc_cat=111&_nc_ht=scontent.xx&oh=ad4c6c660048da22b1867320222302bf&oe=5CAF68FD

    I'm afraid, there isn't any way to control, or optimize images which is served from external server. In the above listed images, most of the images seems to be loading from Facebook, which I'm afraid, there isn't much that could be done, other than finding a way to load the images within your website.

    Seems like those images are part of the "Social Media" slider in the homepage, is that a plugin, or a feature part of the theme? It looks more like a feature within theme? If yes, would recommend you to check with your themes support, and see whether there is any option to load the images within your website instead of displaying from Facebook.

    #2 I used directory smushing option within the smush plugin for all of wp-content.

    Directory Smush, is only used to smush images which isn't part of the Media Library. In your main site, all the images are part of the Media Library except the images loaded via external server as mentioned above. Using Bulk Smush should be more than enough, instead of Directory Smush in your main site.

    I hope this helps. Please let us know if you have any further query. Have a nice day ahead. :slight_smile:

    Regards,
    Nithin

  • Jaymi
    • New Recruit

    Nithin,
    Thank you for the information. I changed the settings in Smush Pro to enable Smush my original full size images, option and Store a copy of my full size images. I re-ran bulk smush and it re-optimized several hundred images. When I rechecked my images, it still tells me I have 13 images that need smushing and no matter how many times I run smush pro, there are still 13 images that need optimization. I cannot tell which 13 images these are.

    The external images coming in from facebook are from our sports feed. I will work with that vendor to see if they can optimize those from their end. Thank you for that information.

    Also, I've activated the beta CDN but it does not appear to be working. The latest performance review shows no progress.

  • Nithin
    • Support Wizard

    Hi Jaymi,

    I re-ran bulk smush and it re-optimized several hundred images. When I rechecked my images, it still tells me I have 13 images that need smushing and no matter how many times I run smush pro, there are still 13 images that need optimization. I cannot tell which 13 images these are.

    I could notice the anomalies regarding this. That's an odd issue. I'm afraid, there isn't an easy way to determine which files are listed that needs further optimization.

    However, I can confirm all the images which were listed previously in Hummingbird Performance results, are listed as Smushed. Only the images serving from external server is only listed at the moment that needs further optimization, which as stated above isn't possible to smush such external images.

    Regarding the 13 images that keeps on showing in the Smush page, is there any other cache enabled in the server side(ie enabled by your hosting provider), other than Comet Cache plugin?

    I gave a quick test in my local Multisite environment, and I'm not able to replicate such an issue. Is it possible for you test by disabling all the plugins in your site, except WPMU DEV Dashboard, and Smush Pro, and then check whether re-running a bulk smush still shows the same issue, or not?

    This would give a better idea, where the issue is located.

    Also, I've activated the beta CDN but it does not appear to be working.

    I'm checking your main site, and Smush CDN seems to be enabled, and working fine. At the moment, Smush CDN beta, will only move images present inside <img> tags to CDN. I can confirm such images are loading via Smush CDN.

    Smush won't be able to move images loaded via CSS, and inside Divs to CDN at the moment. Seems like majority of the images seems be loaded via CSS.

    We are working on improving how the CDN is parsed, and moving images loaded via CSS, and div to CDN is something which we'll be implementing in future release.

    The latest performance review shows no progress.

    When I checked the performance report, the main reason for the low score is related to "Optimize Images" in your main site.

    If you give a closer look all the images listed under "Optimize Images" section in the performance report, you'll notice all the images are part of external server. There isn't any images which is loading within your sites URL, that's listed in there which needs optimization.

    Once you are able to find a workaround with your vendor to move the external images to your website, Smush should be able to optimize such images too.

    I hope this brings more clarity. Please let us know how it goes. Have a nice day ahead. :slight_smile:

    Regards,
    Nithin

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.