Resolving Issues With CSS Minify / Combine

To resolve display issues that may occur when CSS Minify /Combine is active, please take the following steps:

  1. Install the Blue Button Chrome Extension: https://chrome.google.com/webstore/detail/blue-button-the-webpage-x/ahbcoeleapdfhmlnjglbiaddohfncace?hl=en-GB
  2. Visit the page on your site with the CSS issue, and add ?nocache to the URL, e.g example.com/about?nocache.
    This bypasses WP Rocket, so that you can find the original URLs (unmodified by WP Rocket) of all CSS files. 
  3. Click the Blue Button in your Chrome toolbar, then click Stylesheets:


    This gives you a list of all CSS files loaded on that page. 

  4. Copy the list of files, then go to WP Rocket Settings > File Optimization and paste the list into the Excluded CSS Files field:

  5. Save the settings and check your site, in a logged-out or incognito window. It should now be displaying correctly.
  6. Now remove each file from the list, one-at-a-time. After each removal, save the settings and check your site. Repeat this until the website is broken again.
  7. When the website breaks, replace the last removed file back into the list and move onto the next file.

Note: this method can also be used for issues with JS Minify/Combine (by choosing Scripts in Blue Button), but the method described here is faster.