WordPress.org

Ready to get started?Download WordPress

Forums

EWWW Image Optimizer
[resolved] Image Optimise (3 posts)

  1. masseyn
    Member
    Posted 2 years ago #

    I have a community site that will rely on speed being good so during my testing i am trying to check the site on GTmetrix as i go. I have W3 Total Cache installed and cloudflare and this has sped the site up no end but i still have an issue with the following results.....

    Specify image dimensions - F (0) - 51% - Images - High
    Remove query strings from static resources - F (8) - 91% - Content - High
    Defer parsing of JavaScript - F (9) - 67% - JS - High
    Optimize images - F (21) - 73% - Images - High
    Serve scaled images - F (43) - 90% - Images - High
    Optimize the order of styles and scripts - C (70) - 94% - CSS/JS - High
    Use efficient CSS selectors - F (0) - 20% - CSS - Low
    Remove unused CSS - E (59.7) - 63% - CSS - Low

    A lot of them appear to be image related and i am running EWWW Image Optimize. The site is still working but if i can clean these issues up i would feel like i have done my best to get the site to its best speed.

    Just need any advice on these high demand errors....

    Thanks

    http://wordpress.org/extend/plugins/ewww-image-optimizer/

  2. masseyn
    Member
    Posted 2 years ago #

    Plugin Status

    If updated versions are available below, you may need to enable write permission on the wp-content/ewww folder to use the automatic installs.
    *Updates are optional, but may contain increased optimization or security patches

    jpegtran: OK version: Independent JPEG Group's JPEGTRAN, version 9 13-Jan-2013
    optipng: OK version: OptiPNG version 0.7.4
    gifsicle: OK version: LCDF Gifsicle 1.68
    pngout: OK version: May 30 2012
    Graphics libraries (only used for conversion, not optimization): GD: OK   Imagemagick 'convert': OK
    safe mode: Off  exec(): OK  shell_exec(): OK  
    Only need one of these: finfo: OK  getimagesize(): OK  mime_content_type(): OK
    Debug Info

    jpegtran path: /home/sites/communitycontact.co.uk/public_html/wp-content/ewww/jpegtran
    optipng path: /home/sites/communitycontact.co.uk/public_html/wp-content/ewww/optipng
    gifsicle path: /home/sites/communitycontact.co.uk/public_html/wp-content/ewww/gifsicle
    pngout path: /home/sites/communitycontact.co.uk/public_html/wp-content/ewww/pngout-static
    disabled functions:
    gifsicle permissions: 0755
    optipng permissions: 0755
    wp-content/ewww permissions: 0755
    user: communitycontact.co.uk
    Operating environment: Linux 2.6.32-279.14.1.el6.x86_64 #1 SMP Mon Oct 15 13:44:51 EDT 2012 x86_64

  3. nosilver4u
    Member
    Plugin Author

    Posted 2 years ago #

    These three are the ones that are image related, so I took a look myself at your site:

    1. Specify image dimensions - F (0) - 51% - Images - High
    2. Optimize images - F (21) - 73% - Images - High
    3. Serve scaled images - F (43) - 90% - Images - High

    Most of the problems are not ones that EWWW IO can take care of automatically for you. However, it appears that some of your Ads on the left side are stored in the /uploads/ folder which is a good indication that a 'Bulk Optimize' (under the Media section in the dashboard) will be able to take care of #2 for those images.

    Optimizing the rest will be a bit tricky, but you could upload them to the Media Library, and then overwrite the originals in the plugin folders and elsewhere. The plugin images will further be complicated by the fact that they will be overwritten next time you upgrade that plugin (like the Social Slider images). Your best bet there is to contact the plugin author and ask them to optimize their images.

    That takes care of #2, which is the only thing this plugin concerns itself with. However, I can give some insight into some of the others:

    #1: again, most of these are related to your ads not having image dimensions set, but it looks like a lot of these may be served by plugins. If they are, you'll need to contact the plugin authors to see what they can do. If the images are ones that you inserted yourself, you can go into the html code and set the proper dimensions there, which leads me to the last item...

    #3: Nearly all of your front page images (left-side ads, center slider ads, the blue buttons near the bottom, and even the 'feature' images for each article) are being viewed at a smaller size than the actual image the browser is downloading. As an example, the left-side ads have been edited to 85 pixels, but you've told the html to render them as 75 pixels, which means everyone who visits your site is downloading nearly 25% excess image data on just those images. The blue ones at the bottom are worse, and then center ad slider is not scaled properly either. This plugin looks like it might help for some of those: http://wordpress.org/extend/plugins/simple-image-sizes/

    I would suspect that many of the errors under #1 would go away once you took care of #3, so it may not be as daunting as it first appears. If this is all a bit much for you, I could take a look, but I don't do that kind of work for free.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic