Docs / CSS / Load Unused CSS

Load Unused CSS

FlyingPress can remove unused CSS from pages and extract only the required CSS. The generated used css is inlined (internal) in the HTML.

However, there are different options on what to do with the unused css.

  • Load Asynchronously: The rest of the CSS files are load asynchronously. Safest option!

  • Load on User Interaction: Similar to 'load asynchronously', but instead of load CSS files instantly on page load, these files are loaded only after user interaction. User interaction can be mouse movement, scroll, touch, keyboard events, etc.

  • Remove: Removes all unused CSS files, only required CSS files are left. We try to detect dynamically injected CSS classes but test them thoroughly. This might not be compatible with every theme/plugin.