How can I access and take control of the webflow theme's assets that are being flagged for potential savings in terms of unused CSS and Javascript?

Published on

September 22, 2023

Note

CommunityFAQ is not affiliated with Webflow. Click here if you'd like to visit Webflow's help resources.

To access and take control of the Webflow theme's assets that are flagged for potential savings in terms of unused CSS and JavaScript, follow these steps:

Accessing the Style Manager: Log in to your Webflow account and open your project. Click on the "Design" tab in the top menu and select "Style Manager" from the dropdown. This will open the Style Manager panel on the right side of the screen.
Identifying unused assets: Within the Style Manager, you will find all the CSS styles used on your website. Look for styles that are labeled as "Unused" or are not applied to any elements. These styles are potential candidates for optimization.
Removing unused CSS: To remove unused CSS, click on the caret symbol (>) next to the CSS style's name. This will expand the style and show you where it is being used. If the style is not used anywhere, you can safely remove it by clicking on the trash icon.
Optimizing JavaScript: For optimizing JavaScript, Webflow doesn't directly provide a feature to identify unused scripts. However, you can manually review your scripts to identify any unused code. Look for scripts that are not called or used by any element on your website. Remove or optimize those unused scripts.
Previewing and publishing: Before making any changes, it's always a good practice to preview them. Click on the "Preview" button in the top menu to see how your website will look with the optimized assets. If everything looks good, click on the "Publish" button to make the changes live.

By accessing and taking control of the Webflow theme's assets, such as unused CSS and JavaScript, you can optimize your website's performance and improve loading times.

Additional questions:

How can I optimize unused CSS in Webflow?
Is there a way to identify and remove unused JavaScript in Webflow?
What are the benefits of optimizing assets in Webflow for SEO?

How can I implement the 'fullPage.js | One Page Scroll sections Site Plugin' to my Webflow site to ensure that the sections snap when the user scrolls?

Can you provide guidance on how to use the Typed.js script in Webflow?

How can I implement reCAPTCHA before redirecting users to a different page in Webflow?Is it possible to prevent form submission on click and still be redirected to the next page after completing the reCAPTCHA verification in Webflow?

Does anyone know a simple solution or have experience with using custom JS to change the highlighted location on a website based on the visitor's location in Webflow?

Is it possible to move individual div blocks within a collection wrapper in Webflow?

How can I remove the white space at the top of a Typeform survey when embedding it onto my webpage using Webflow?

How can I display multiple authors on a blog post header without including a comma after the last author using Webflow?

Is there a workaround to add a space before 3 digits in the collection list on my "catalogue" page in Webflow since HTML Embed cannot be placed in a link?

Is there a way to protect images from being easily copied on Webflow?

How can I display the Clutch review widget on my Webflow site when the copy and paste method mentioned in the instructions is not returning the correct iframe code?