Disable Load CSS Asynchronously on Mobile

If the Load CSS Asynchronously feature is causing layout issues on the mobile version of your site you can disable this feature for mobile devices only while keeping it for the desktop version.

You'll just need to use the following helper plugin:

📥  Download (.zip): WP Rocket | No Optimized CSS Delivery on Mobile
Developers: You can find the code for this plugin on GitHub.

To install and use the plugin please follow these steps:

  1. Download the helper plugin zip file.
  2. Install the helper plugin on your site - go to Plugins → Add New → Upload plugin and select the zip file. 
  3. Activate the plugin.
  4. Clear WP Rocket's cache.

To use this helper plugin the  Separate cache files for mobile devices option must be active.

We also have this useful article on how to tackle Load CSS Asynchronously related layout issues: Critical CSS issues and FOUC. Those are the options we recommend trying first. However, if none of them work or if you simply prefer, you can use the helper plugin above.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.