New to the community? Start here

[Smush Pro] How to improve my page load speed

Hi,
Despite the configurations made on Smush Pro, the plugin does not give the right size of the image and this impacts the performance of my site.
This is why I come by this email to ask for help for a better configuration.
How can i improve my page load speed and estimates how much faster the page will load if the improvement is implemented.
Here below are the configuration opportunities that I need but have no knowledge of above. I went through all the tutorials dealing with the subject but unfortunately the problem remains unsolved.
Please help me:
1- Reduce initial server response time
2- Properly size images
3- Defer offscreen images
4- Eliminate render-blocking resources
5- Avoid an excessive DOM size
6- Minimize main-thread work
7- Avoid enormous network payloads
8- Reduce JavaScript execution time
9- Serve static assets with an efficient cache policy

Fri, 5 Jun 2020 13:57:02
More Smush Pro discussions
Smush Pro
  • Patrick Freitas
    • FLS

    Hi Kafunel

    Hope you are doing well.

    Being on a Smush plan, the support is limited to the Smus issues, some of the reported problems the Smush won’t handle.

    Once that said, I took a look on Google Test and on your website.

    1- Reduce initial server response time

    This problem can indicate that your page is not well cached when accessing the website, it redirected me to a different URL, com/#axzz6OW7UMi7I. Sometimes this prevent the page caching. I suggest taking a closer look at this to avoid any possible caching issue.

    2- Properly size images

    I can see the images are loading on Local Website link, it indicates that the Smush CDN > Auto Resize is not enabled. Kindly enable the Smush CDN and the auto Resize option, this will try the resizes as much the plugin can to fix the report.

    3- Defer offscreen images

    I can see you are using JetPack Lazy Load, not the Smush Lazy Load.

    [attachments are only viewable by logged-in members]

    You can try to replace the Lazy Load from JetPack to the Smush option.

    Note, this feature only supports images from HTML image tag https://www.w3schools.com/tags/tag_img.asp

    If any image keep being reported, you can check with the Plugin or theme developer if the reported image isn’t a background image.

    4- Eliminate render-blocking resources

    You can use our Hummingbird > Assets Optimization for this.
    https://wpmudev.com/project/wp-hummingbird/

    On this link, you can find a complete guide for the assets optimization:
    https://wpmudev.com/docs/wpmu-dev-plugins/hummingbird/#asset-optimization

    5- Avoid an excessive DOM size

    This must be fixed by Theme developer, avoiding as much we can a big DOM size, you can find more about it on https://developers.google.com/web/fundamentals/performance/rendering/reduce-the-scope-and-complexity-of-style-calculations

    Kindly contact your theme provider to fix it.

    6- Minimize main-thread work

    This reported situation can be improved using Assets Optimization. But you can also try to decrease the number of styles and CSS loading on your page.

    For example, check if all plugins are required, avoid using two or more plugins for the same feature.

    8- Reduce JavaScript execution time

    This problem also can be fixed using Assets Optimization and decreasing the number of loaded scripts.

    9- Serve static assets with an efficient cache policy

    I checked the reported files, all reported files are external files, and unfortunately, once those are not on the Server, we can’t control. This applies also for 4- Eliminate render-blocking resources. We will be able to move the local files, not external ones.

    Let us know if you have any further question on this.
    Best Regards
    Patrick Freitas