Improve Site Speed

Hello,

I am trying to improve my site speed but am having trouble improving it. This report: https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Flaw.bot%2F

Says: Resources are blocking the first paint of your page. Consider delivering critical JS/CSS inline and deferring all non-critical JS/styles.

How can I fix this? What else can I do to improve the speed of my site?

I have granted support access to Law.Bot.

Thanks,

MH

  • Predrag Dubajic
    • Support

    Hi Mitchell,

    Hope you’re doing well.

    I had a look at your site and the speed results and I do so some things can be further improved when it comes to speed.

    Render blocking report can be fixed by optimizing your files and you can do that with Asset Optimization module available in our Hummingbird plugin.

    This could be a bit tricky part to configure as it’s unique for each site depending on which theme and plugins are running on it.

    Basically what you would need to do is activate Asset Optimization, switch to Advanced mode and enable all of the optimizations available in there.

    However, some files don’t handle optimization well so it’s important to check your site after that and make sure that site functionality is intact.

    If you do encounter any issue then you should disable optimization of files one by one until you find out which file is having issues when optimized and leave it unoptimized.

    So you should have as many files optimized as possible, while still keeping your site functionality intact.

    Best regards,

    Predrag

  • Mohmmad Sharab
    • Staff

    Hey Mitchell,

    Hope you are having a great day.

    Since Support access isn’t enabled, I wasn’t able to look closer at your Asset Optimization configuration in the dashboard side.

    Could you please grant temporary support access via WPMUDEV Dashboard plugin? By navigate in WP admin area under WPMU DEV -> Support -> Support Access page and click on the “grant support access” button.

    Please do reply back here when access is granted because we don’t get any notifications about it.

    Best Regards,

    Mohammad Sharab

  • Mohmmad Sharab
    • Staff

    Hey Mitchell,

    Thanks for granting support access.

    After checking your Assets page (in Hummingbird Pro > Asset Optimization > Assets) and your PageSpeed Insights page https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Flaw.bot%2F&tab=desktop.

    I could notice that there are still many files appears under “Eliminate render-blocking resources” in your PageSpeed Insights are not moved to the footer.

    As long as I checked the following files needs to be moved to the footer or select Defer option for it as explained above by Predrag Dubajic

    wp-block-library-theme

    1.0KB — cc038f96-b052-4261-b21d-f97f84ae6056.css

    font-awesome-5

    56.2KB — 367f147d-4fde-4d07-85c6-b73c93c7498b.css

    fl-builder-layout-14

    131.5KB — 4baeab82-e2db-467d-9ca2-f41e0306348c.css

    dashicons

    46.4KB — b34cdb26-4996-4cdf-841c-5ac778588236.css

    watsonconv-chatbox

    8.5KB — 33a090cf-7d7a-4a34-b281-2a87313f6882.css

    font-awesome

    26.6KB — ae577fd3-d355-4c54-8712-6653806c45e7.css

    branda-cookie-notice-front

    1.2KB — c5035a9b-e7e4-40d5-b76d-ee24ac30151e.css

    wpmu-wpmu-ui-3-min-css

    19.8KB — d0fafe10-fa4c-4dcb-bd27-fd1b137070c9.cs

    I hope this helps and please let me know if your need further assistance regarding this.

    Have a great day ahead.

    Best Regards,

    Mohammad Sharab

  • Mohmmad Sharab
    • Staff

    Hey Mitchell,

    hope you’re doing good and please excuse my inadequate instructions in the previous reply.

    The default workflow in order to Eliminate Render Blocking Resources is to move all the related files to the footer. You can do that by:

    1. Switch Asset Optimization to the Advanced mode.

    Go to Hummingbird > Asset Optimization > Switch to Advanced mode.

    2. You’ll have to move each file individually to the footer, by clicking on Move To Footer icon. As shown in the following screenshot.

    https://imgur.com/Vn5RTb0

    3. Doing the above steps entirely depends upon your theme/plugins, and how they honor Asset Optimization. The theme can break the frontend layout if all the files are moved to the footer, it’ll require more of a trial and error method to find the optimal configuration. So you’ll have to move each file individually to the footer, and check whether the frontend breaks. If it breaks, then you’ll have to revert the changes for that specific file and carry on the same steps with the next file.

    4. You can find more detailed information about render-blocking assets and how to resolve them from HummingBird in an article from our blog here: https://premium.wpmudev.org/blog/eliminate-render-blocking-issues-hummingbird/

    I hope this helps and please let me know if you need further assistance regarding this.

    Have a great day ahead.

    Warm Regards,

    Mohammad Sharab

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.