[Hummingbird] Hummingbirds own Assets reported as render blocking

Google Page Speed recommends moving these render blocking resources, and also optimising the css.
However, they are not listed by Hummingbird

wp-content/uploads/hummingbird-assets/6614bd43a96421e4f30a2c98e1861b9d.js
wp-content/uploads/hummingbird-assets/51b31a238fa23569359d70c23b91e9c8.js
wp-content/uploads/hummingbird-assets/8e9b48afc4af611901b83a341511726c-1.js
wp-content/uploads/hummingbird-assets/acdca11676b90193a1e44e5010e708f8.js
wp-content/uploads/hummingbird-assets/8ab14976a1b15fd2a87056c755dbbbbd.js
wp-content/uploads/hummingbird-assets/38fefa66aba53ce8707c8089118d3ddb.js
wp-content/uploads/hummingbird-assets/7f631e0bd37829494b57f8a7b41d3054.js
wp-content/uploads/hummingbird-assets/7f631e0bd37829494b57f8a7b41d3054.js

wp-content/uploads/hummingbird-assets/662789c15b6c4a5189eba05cb6bafa9e.css
wp-content/uploads/hummingbird-assets/a240c1e783ed50e3b9d6ce21ad6eaa84.css
wp-content/uploads/hummingbird-assets/5dbde7e20175a92b8f872281dabdcea1.css
wp-content/uploads/hummingbird-assets/889d25bd15fc01bafdb711106e078b07.css
wp-content/uploads/hummingbird-assets/64e5ac8514562a19a8afa578e8ac4051.css

This file is noted by Google as requiriing optimisation but Hummingbird says it is already compressed. CSS is also minified.
wp-content/themes/themify-landing/themify/css/themify.common.min.css?

Please advise

  • Dimitris

    Hey there joe,

    hope you're doing good and thanks for reaching us! :slight_smile:

    These aren't HummingBird assets, it's the updated (compressed) assets from other plugins and active theme, that HummingBird creates and serves instead of the original ones.

    Render blocking resources are every JS and CSS file that has to be loaded first, before the actual first screen of your homepage starts to load. Google is moaning when you have such assets, because the first screen (above the fold content) will get displayed with a little bit of delay.
    In order to surpass that using Asset Optimization of HummingBird, you should first enable Advanced Mode

    then use the footer option for JS & CSS and/or inline for CSS and defer for JS.

    Please keep in mind the following (and I'm quoting from our documentation page here: https://premium.wpmudev.org/docs/wpmu-dev-plugins/hummingbird/#chapter-4)

    The most important thing when working with Advanced mode and making changes to how your site loads files is that you test things out after every single change.

    It is not recommended to select all your files, click on Bulk Update, and enable all of the options at once. This could have disastrous consequences for your site, and break a lot of things! Please do not do this!

    You won’t be able to apply every option to every file, so it is very important to test as you go. (and make sure to click on Save Changes beforehand!)

    If a change you make does not work or affects the Front End of your site, then just go back to the Minification section and undo the last change you made. After you save your changes again and clear your cache, everything will be right back as it was before.

    This process can take some time to get right, but once you do it will be worth it!

    More info about rendering blocking resources:
    https://premium.wpmudev.org/blog/eliminate-render-blocking-issues-hummingbird/

    Hope that was some help! :slight_smile:
    Please keep in mind that if you're still developing your website, so the actual list of assets is changing, then you should re-check your Asset Optimization settings each time. It's highly advised to set this up when you're ready to go live, so you don't make back and forth steps.

    Warm regards,
    Dimitris

  • Nahid

    Hey joe !
    Hope you are doing well today!

    The file that you mentioned is the compressed version of the widget_script.js file which is located in the following location: {WordPress Installation Directory}/wp-content/plugins/e-newsletter/email-newsletter-files/js/ which handles the email-newsletter-widget-scripts.

    I was able to determine that by loading the mentioned file in the browser and noting down the first line which says:

    /**handles:email-newsletter-widget-scripts**/

    Here's a screenshot for reference:

    I was able to find this file listed in the Asset Optimization page. Here's another screenshot for reference:

    Are you still not able to see the file on your end?

    We'll be looking forward to hearing back from you. Thanks!

    Kind regards,
    Nahid

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.