It will take a few minutes for the plugin to remove the unused

[Mostafa044]

Since this feature of WP Rocket is still in beta, you will be asked again if you want to enable the setting. You can go ahead and click on the “Activate Remove Unused CSS” button.

Click the Remove Unused CSS option
Once the “Remove unused CSS” option is enabled, you can use the “CSS Safelist” field to specify CSS file names, IDs, or classes that you do not want to remove.

Just enter it in the field.

Add files to CSS safelist
Next, you need to save your changes by scrolling philippines numbers down and clicking the “Save Changes” button.

When you do this, WP Rocket will start processing your CSS files and show you a progress bar.

View remove unused CSS progress bar
CSS files from your website.

When the plugin has completed the process, the message “Remove Unused CSS is complete!” will be displayed.

Remove unused CSS complete notification
Now visit the Google Pagespeed Insights tool and test the performance of your website.

Remove render-blocking CSS for WordPress

WP Rocket allows you to optimize your CSS files and remove render-blocking CSS from your website.

First, you can navigate to the “File Optimization” tab in WP Rocket. From here, scroll down to the “CSS Files” section and check the box next to the “Optimize CSS Delivery” option.