Has anyone used this or a tool like it to help Render-Blocking Resources issues?
It was build to automatically generate the Critical Path CSS for your website and to also generate a single minified CSS file from all the CSS files your website uses.
1 Like
This looks interesting for websites not hosted with WordPress for example, or if you don’t use a caching plugin
I tested it quickly on my website and it seems to do the job
My website is made with WordPress so it’s not useful there for 2 reasons:
- I already use a quite good caching plugin that does exactly this and more
- Since WordPress implemented Gutenberg blocks editor they add a whole lot of useless (unless of course you actually use blocks) css in the head of every page, and that is unavoidable because otherwise no block will work at all. So basically the “critical css” is already there for all blocks, wether you use it or not. I use to immediately dequeue all that in new wp projects but this will logically disable blocks editing.
For html sites or else hosted sites this tool could be a cool thing to use, it seems to do the job just fine.
Wether it’ll speed your site up or not is another question
Measuring tools like gtmetrix or worse google speed insight often complain about things that are really no big issue, it’s way more important to have a short server response and efficient logic in the application- for human experience this speeds up websites remarkably more than a “number” or “grade” on gtmetrix or else…
4 Likes
Thank you for sharing your insights.