Eliminate render-blocking resources Potential savings of 300 ms
What is the error message?
Eliminate render-blocking resources Potential savings of 300 ms
What is the issue you’re encountering
want to always cache specific css file
What steps have you taken to resolve the issue?
query string set to standard. page rule to cache everything. Where/How/Can I set up rule to always cache certain css files? Pagespeed.web.dev sees them as render-blocking
What are the steps to reproduce the issue?
These css files are the basis of the wordpress theme I run
Render-blocking and caching are two very different things.
Render blocking CSS is CSS that’s defined in the <head> of your document, and therefore required to be loaded before any content can be rendered - thus render blocking. No caching is going to change that it’s render blocking - it just might help speed up the initial download of it. Cloudflare will cache CSS files by default though.
The best solution to a lot of render blocking CSS is going to involve some technical development work, where you eliminate as much as possible non-critical CSS, and only load that in your head, deferring any non-critical CSS to be loaded later. You can also try purging any unused CSS, but this is going to also require some technical development and likely a build step in your website, beyond what something like Wordpress is likely able to provide out of the box.