Pagespeed Says My Images Need More Work

So, you’ve run the EWWW Image Optimizer on all your images and Pagespeed Insights (or GTMetrix, or Yslow, etc.) still says you need to do more with your images? Here are a few likely scenarios:

Images from your Media Library can be reduced by lossless compression

I see this a lot, and the normal culprit is image metadata. To fix this, enable the ‘Remove metadata’ option in EWWW I.O. All the page testing tools I know expect metadata to be stripped. This will not have a negative impact on SEO, search engines don’t care about metadata, because normal people can’t see it anyway. It is much more important to make sure you have ‘alt’ and ‘title’ tags on your images. The metadata we’re talking about is excess data embedded in the actual image file itself. This is different than the WordPress metadata stored in the database which contains information about available resizes, mime-type, as well as a copy of some of the useful information from the actual image metadata.

Images somewhere else can be reduced by lossless compression

If Pagespeed is flagging images that are not part of your Media Library, such as on-demand resources created by another plugin/theme, you can add the full path to the folder where the images are stored to the EWWW I.O. Settings. The “Folders to Optimize” setting is on the advanced tab, and requires the absolute path, not the path relative to your WordPress install. The auto-detected path to your WordPress install is listed directly above this setting for your reference. If it doesn’t save the setting, you’re either using an older version of EWWW I.O., or you didn’t enter the path correctly.

Once you’ve saved the extra Folders to Optimize, you should visit the Bulk Optimize page under Media Library, and run a Scan & Optimize. Once that has completed, you can turn on the Scheduled Optimization setting. However, you should only enable Scheduled Optimization if new images in the Folders to Optimize are not being optimized on creation. You can view all the images the plugin has optimized on the Bulk Optimize page, by clicking Show Optimized Images. This will help you to verify if the new images are being optimized automatically or not.

Images need compressing and resizing

This basically means your images are too large for where they are being displayed. It is also one of the harder problems to fix. The first thing you need to determine is what sizes are needed. For this, I use the Firebug plugin for Firefox, or the built-in developer tools for Google Chrome. Find the image that is causing the image in your page, right-click, and then Inspect Element. Then you will need to look at the height and width attributes to determine at what size the browser is displaying the image. There are some images that will be displayed by javascript, and it can be difficult to find the actual size. If you hover over the actual image filename in either Firebug or Chrome’s Developer Console, you will see the dimensions displayed.

Once you know how large the browser thinks the image should be, you need to find a way to make your images the right size. If these are images from your Media Library, you may be able to fix them with the Simple Image Sizes plugin. This lets you generated the appropriate resized versions for plugins (or your theme) to display on your pages. Another solution is the Adaptive Images plugin. It will run when your page loads and generate the several resized images on demand. It also caches them to disk so that it isn’t slowing things down on every page load.

Webpagetest.org

This site recommends using lossy compression at level 50. My gut reaction to that is ewww (pun intended). Level 50 is going to look like crap, unless you’re half-blind. The good news is that you can have the best of both worlds. You can achieve dramatic results (often beating the claims at WPT), and retain visual clarity by using the lossy JPG setting in EWWW I.O. We use the incredible JPEGmini technology to achieve these results, and you can test it out for yourself with some sample images at jpegmini.com if you are hesitant to make the purchase.

If you have any further questions or comments, feel free to leave them below, and I’ll update this post accordingly. Happy Optimizing!

7 thoughts on “Pagespeed Says My Images Need More Work

  1. I tried everything:
    1. cache emptied
    2. Strip metadata option enabled
    3. manually set path to look in by EWWW
    4. optipng enabled
    5. forced optimization for media library AND of cource forcing Optimize Everything Else
    Still PageSpeed insights says, byted good be spared for my site (http://waeschestaender-tests.de), images which are in the media library…

  2. After resizing them, I got at least a few points more at pagespeed Insights… Reforced Bulk Optim for media and other again, emptied cache… now google is referring to the same images again with the same alert, although they are resized to 500×500 now… and should be stripped Exif and comments…

  3. Hi,
    I’m having a similar challenge.

    Example: Image size: 300×200

    Google Page speed is saying, my image can be optimized. But when I optimize it with EWWW it says “no savings”.

    I also executed the lossless function but google still doesn’t like me 🙂

    Any ideas?

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.