New to the community? Start here

[Smush Pro] Home page photos, logo, etc are not compressing with smush

After running several speed test/scans with GTmetrix and humingbird. the test point to two things. The images on my home page are taking to long to load and browser caching is not enabled.

Fri, 3 Jan 2020 2:01:19
More Smush Pro discussions
Smush Pro
  • Predrag Dubajic
    • Support

    Hi Darryl,

    I was doing some tests on my end and I got some similar results with Smush CDN so I have reported it to our devs to check it out further as I’m not sure at the moment if it’s something specific to theme settings.

    I checked your site on Google Page Speed Insights and while the images are shown in there they are actually in the passed audits so this wouldn’t affect your scores and will have pretty much unnoticeable effect on the load speed.

    As for the Browser caching, I see in Hummingbird that only media files don’t have it enabled and others have it set for 4 moths.
    Browser Caching is something handled by your server and Hummingbird helps with applying the required rules to enable it and set the expiration times, however, those rules still depend on server to allow them.
    Since only media is excluded from browser caching this usually means that the server has its own pre-configured values that can’t be changed with applied rules.
    This is something that you would need to discuss with your hosting provider and ask them to enable browser caching for you.

    Best regards,
    Predrag

  • Anton Vanyukov
    • Ex Staff

    Hi Darryl Hammond ,

    I have checked out your site. Unfortunately, I wasn’t able to check the CDN performance, as you are over the bandwidth limit.

    In regards to the reported images on the Google PageSpeed report. You are using 1/4 columns in the page builder. The theme has a fixed width of 1060 px, with 15 px padding for each column. Which means that images for such columns will be 235 px in width. In your case, when adding images, you are selecting “full” width, and the full width is 490 px. Thus the image has these sizes: <img width="490" height="327" .... I just checked the front page, there might be other sizes on other pages.

    There’s are a few things that you can do here:
    1. Register a new attachment size with a width of 235 px. And then instead of selecting “full” size when adding an image, you’d use the new registered size.
    An example of adding a new image size “front-page-image”, by adding the following to the themes functions.php file:
    add_image_size( 'front-page-image', 235 );
    2. WPBakery Page Builder will allow you to custom set the size and auto-resize. Instead of selecting “full” size, you will need to input the required size when adding an image, for example, 235×157.

    Adding a custom image size is better because you’ll be able to track those sizes and see the new custom size in the editor. Changing sizes directly in the editor is easier, but you lose the ability to track those images later on.

    Hope this helps.
    Best regards,
    Anton