Extract Large Inline CSS helps your pages load faster by preventing large inline styles from blocking rendering.
When enabled, NitroPack automatically extracts any inline CSS that exceeds 30KB and moves it to an external file. This reduces the amount of CSS the browser has to process immediately, speeding up how quickly your content appears to users.
Why It Matters
Excessive inline CSS can slow down your siteโs initial render, especially on pages with complex layouts or many design elements. By offloading heavy CSS into an external file, NitroPack minimizes render-blocking behavior and improves the user experience.
How to Enable Extract Heavy CSS
Log in to your NitroPack Dashboard
Go to Cache Settings >> HTML & CSS
Toggle on Extract Heavy CSS
With this feature active, your site delivers cleaner, faster-rendering pages automatically.
๐ If you need any assistance or have questions, you can contact our Support team using the chat bubble on the bottom right of this page.