Page Speed Insights – Render Blocking

@slhctech The CSS files are minified by WP-Optimize which is fine (they look good apparently). However, even if they are minified, they are still render-blocking. To fix that for all CSS files, you can implement critical CSS (see if your version of WP-Optimize has this feature) that would load the essential CSS for tyhe above the fold as inline CSS, then preload (with async) all the other stylesheets making them non-render blocking.

Plugins such as WP Rocket (“Optimize CSS Delivery” feature) & Asset CleanUp Pro (read more about it here: https://assetcleanup.com/docs/?p=608) have this feature.

There are also ways to prelod with Async individual files via “Preload (Async)” in Asset CleanUp Pro. That’s if you do not wish (or find it difficult) to implement critical CSS. You could reduce the number of render-blocking stylesheets.

The Lite version of Asset CleanUp, can only help you removing render-blocking CSS if you unload them, but you have to be sure that you only unload the ones that are not needed. It’s better to have render-blocking CSS, then a broken layout.

One CSS file that is loaded and it’s very likely not needed (based on my checks) is https://rivergippingtrust.org.uk/wp-content/cache/wpo-minify/1597866483/assets/wpo-minify-header-magnific-popup.min.css – try to unload it and see if the page loads the same.

The same for the for the following one: https://rivergippingtrust.org.uk/wp-content/cache/wpo-minify/1597866483/assets/wpo-minify-header-widgetopts-styles.min.css – it looks like it’s not used on the home page.