What is render blocking resources?
- By default as CSS and JS are loaded in the old-fashion cause significant delay in rendering of the web page. The page start appearing in the browser when all CSS and JS of head complete loading. This is not cool.
To improve the time to interaction, it’s better to load critical css (a part of CSS that comes in the above the fold of the HTML Document) first and rest later.
Steps to Eliminate render-blocking resources in WordPress
Take backup and deactivate the feature of CSS and JS minifcation in your previous plugin.
Purge your cache.
Finally, no more complaint render-blocking resources from PageSpeed insight of Google.
What to not expect?
- Removing unused CSS.
Amazing! Outstanding work of the developer of this plugin.
Free, install and forget, just keep remember to purge full cache for the first time.
I am not sure either it will work with all caching plugins or not. The author recommends WP Super Cache, but I tried over W3TC + Varnish caching. Works flawlessly. I found noticeable difference in the performance.
By improving Document onload time, GTmetrix also didn’t failed to impress!
which was before like this …
I hope this helps.
Edit: Added an example of render-blocking resources on the top.
Thanks & Regards,