Hi @elsazehra,
I would like to understand why some Hummingbird JS and CSS files are appearing as render-blocking resources.?
What Hummingbirds Asset Optimization does is minify, compress, and combine all the assets into a single file, so that the number of files listed as causing Render blocking resources could be reduced. Asset Optimization ensures that the number of files loaded is reduced once configured.
However, it entirely depends upon the theme regarding how it honours minifications, in most cases, loading all the assets in a single file would break the layout. So Hummingbird would be splitting the optimized assets into multiple CSS, and JS files like:
https://siteURL.com/hummingbird-assets/606ee94dbaf5835b0d8601411a857853.css'
https://siteURL.com/hummingbird-assets/606ee94dbaf5835b0d8605454545543i5.js'
If you load these links in the browser address bar, you’ll notice it would be multiple compressed files, which if Hummingbirds Asset Optimization wasn’t enabled would have been listed individually.
I’m afraid, there isn’t any way to fully resolve render-blocking issues as the files loaded/listed are indeed the optimized versions of the theme and plugin?files. What you could do is improve the results by optimizing the assets further so that the number of files listed could be reduced.
You can check the following doc for more information on how to improve the scores related to Render Blocking Resources by switching to “Manual” mode:
https://wpmudev.com/docs/wpmu-dev-plugins/hummingbird/#eliminate-render-blocking-resources
https://wpmudev.com/blog/eliminate-render-blocking-issues-hummingbird/
Kind Regards,
Nithin
