Skip to main content

Asynchronous CSS

What it does

Asynchronous CSS loads stylesheets in a non-blocking way so the browser can paint content sooner. When Divi Critical CSS is enabled, Nitro leaves Divi’s above-the-fold styles alone so the two features do not conflict.

Where to find it

Divi Engine → Nitro Settings → Scripts & CSS → Asynchronous CSS

Settings

SettingTypeDefaultWhat it does
Enable Asynchronous CSSToggleOffLoad CSS asynchronously. Turn off if styles flash or look wrong
Exclude WooCommerce CSSToggleOffKeep Woo styles loading normally. Balanced and Aggressive presets turn this on with Async CSS
Exclude Custom CSS QueueTextemptyComma-separated handles with no spaces (for example divi-style). Add divi-nitro-styles to exclude CSS generated by Nitro Minify

Use the Frontend Asset Helper to find handles.

warning

Async CSS is a common cause of broken styling. Turn it off early when troubleshooting — see Nitro broke my site.

What's Next