Enabling Inlined CSS on Your Webflow Site

Inlining CSS that's "above the fold" is one way of optimizing your website's performance. Webflow styles normally load in from a stylesheet, which can block rendering. Inlined styles can help your elements render much faster.

Warning: Turning on this option can sometimes negatively effect styling depending on how your styles are set up. Make sure to check your CryoLayer site after turning this option.

First, navigate to your site's settings in the CryoLayer dashboard.

Then, click on the toggle for "Inline CSS", then click "Update Site". Your site may take a few minutes to update, depending on the size.

Webflow Inline CSS setting

Your CryoLayer site will now automatically inline your Webflow site's CSS to improve performance.