Asynchronous CSS

What it does

Asynchronous CSS loads stylesheets in a non-blocking way so the browser can paint content sooner. Nitro does not override Divi’s Critical CSS when that Divi feature is active.

Where to find it

Divi Engine → Nitro Settings → Scripts & CSS

How to enable

1. Enable Asynchronous CSS.
2. Save and test logged out.
3. If styles flash or look wrong, disable the feature or add problem files to the Exclude Custom CSS Queue using the Frontend Asset Helper (same idea as minify excludes).

warning

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

What's Next

• CSS & JS Minification
• HTML Minification