Render-blocking resources -- css

What is the name of the domain?

What is the error number?

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

Screenshot of the error

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.

1 Like

Yes that is what I think. I only have two small css like this and just wondered if way to address the blip. I can live with 15ms. Thank you!

Craig K.
720.324.1837 - pixel8
https://kioskindustry.org
book a call https://calendar.app.google/1j4psWEx5uCcraHj7

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.