• Didn’t do any harm. It’s difficult to know if things are really faster for customers, but since the image sizes are, well, smushed, I guess there must be some speed improvement due to data transfer rates.

    -pv

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi @sirvo,

    You can check your Media library to see how much you saved for each image.
    This affects users and your server as well, each load of your site will take less data and if you multiply that by number of visitors you can get some nice numbers on reduced load of your server 🙂

    Cheers,
    Predrag

    Thread Starter sirvo

    (@sirvo)

    Predrag, I have two questions:

    I installed Smush after I’d already populated various ET (DIVI) modules with uncompressed images i’d uploaded to my media library.

    After running Smush I see where Smush reports the compression of 8 standard WordPress versions of any single image I have uploaded.

    Question 1: Do I have to re-load my images into the various modules from my now-smushed media library before I derive the benefit of faster page loads for my site users?

    Question 2: I am confused about how these 8 images are actually used by wordpress. When I go through the process of uploading an image into, lets say the ‘image module’, the dialog takes me to the media library but the only image file I can actually select is the one I originally loaded. Does WordPress automatically pick one of the smaller formats and deliver your smushed version of my image in that format to the image module? If not, how do I make use of these smushed formats?

    I’m an embedded systems programmer, and I’ve read the docs I could find. Still confused. If I missed the place where everyone else learns all this basic stuff, could you supply a link?

    Thank you!

    Hi @sirvo,

    Question 1: Do I have to re-load my images into the various modules from my now-smushed media library before I derive the benefit of faster page loads for my site users?

    Quick answer, no, there’s no need to re-load your images.
    Long answer, so how smush works is that it sends your images to our servers where the optimization is done, once the image is optimized it’s sent back to your site and it replaces your existing images in library. That’s why there’s no need to add your images again.

    Question 2: I am confused about how these 8 images are actually used by wordpress. When I go through the process of uploading an image into, lets say the ‘image module’, the dialog takes me to the media library but the only image file I can actually select is the one I originally loaded. Does WordPress automatically pick one of the smaller formats and deliver your smushed version of my image in that format to the image module? If not, how do I make use of these smushed formats?

    WordPress itself defines three different thumbnail sizes, those are the image sizes that you can see when you go to add media to your content.
    Now your theme and plugins can define additional ones that they use in their code.
    So what happens when you upload an image is that WordPress takes that image and creates those defined thumbnails, they are not visible in your library but if you access your uploads folder you will see those thumbnails, there will be your original image, for example image.jpg and its thumbnails that will look like this: image-150×150.jpg, image-300×300.jpg and so on.

    You should note that Free version of Smush only optimizes thumbnails and not the Full image itself, this is usually enough since the themes and plugins will use their defined thumbnails in the code instead of full image.
    For example, if you create new post and select featured image for that post your theme will actually use thumbnail defined for that featured image instead of using your full image.

    Hope this all makes sense 🙂

    Cheers,
    Predrag

    Thread Starter sirvo

    (@sirvo)

    Thank you for responding.

    So to clearly establish what happens, is the following true:

    1 – I add a media file to my content – for example, I select an image from my media library to be used in a DIVI Image module.

    2 – Although in the DIVI Image Module dialog I was presented with the original “unshmushed” contents of my media library and selected an “unshmushed” version of an image, WordPress somehow does not actually use the “unshmushed” image I selected. Instead, it automatically selects one of the smushed image size versions of this image and uses this compressed image instead.

    Is this really what happens? Or am I misunderstanding something?

    This is why as an embedded systems programmer I am so uncomfortable with web page design. I’m accustomed to having full visibility of what code does. This WordPress and DIVI is basically asking me to take it on faith that the right thing is happening, somewhere in the background invisibly. AGH!

    Hi @sirvo,

    Let me try explain myself a bit more and followup from this part:

    WordPress itself defines three different thumbnail sizes, those are the image sizes that you can see when you go to add media to your content.
    Now your theme and plugins can define additional ones that they use in their code.
    So what happens when you upload an image is that WordPress takes that image and creates those defined thumbnails, they are not visible in your library but if you access your uploads folder you will see those thumbnails, there will be your original image, for example image.jpg and its thumbnails that will look like this: image-150×150.jpg, image-300×300.jpg and so on.

    Let’s say that you upload new image for your logo that’s called logo.jpg, when you upload that image to your media library you will see it like that in there, but if you go to server you will see it actually has different copies of that image, logo-150×150.jpg, logo-300×300.jpg and so on.
    There will probably be quite a few more, it depends on what thumbnail size your theme and plugins define.

    Now in your theme there’s a function that calls your logo and it uses one of the thumbnails created, that’s defined in theme code.

    So you will select logo.jpg but the theme code will actually choose thumbnail defined by theme, for example logo-300×300.jpg

    Now, as mentioned before, free version of smush will optimize only thumbnails not the original image as well, so logo.jpg is not optimized while logo-300×300.jpg is.
    In most cases themes have these thumbnails defined and there’s no need to actually optimize full size images.

    There’s of course possibility that the theme uses full size image in some places and if you wish to optimize original images as well you can use Pro version of the plugin.

    We do offer 14 day free trial that will unlock all Smush features if you want to give it a shot https://premium.wpmudev.org/

    Cheers,
    Predrag

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Seems to work fine.’ is closed to new replies.