How to Reduce Unused JavaScript and CSS in Webflow (Lighthouse Audit Cleanup)
Ever run Lighthouse on a Webflow site and gotten flagged for unused JavaScript and CSS? It's frustrating when you've been iterating on a project and leftover classes from old experiments are bloating what ships to the browser. This tutorial walks through the exact cleanup inside Webflow, from the Designer to the Publishing settings. By the end, you'll be able to strip out unused classes, enable minification, and republish a leaner staging build.
Covered inside:
→ Opening a project in the Webflow Designer and locating the Style selectors panel using the G shortcut or the droplet icon
→ Using the broom icon to detect and remove every unused class in a single confirmation step
→ Navigating from the Webflow logo into Site settings and finding the Publishing section
→ Flipping on Minify HTML, Minify CSS, and Minify JS under Advanced publishing options, then saving
→ Republishing to the staging domain so the cleaned, minified output goes live
→ Verifying the result by re-running Lighthouse on the staging URL to see the byte drop
Did you publish straight to staging like in the video, or did you push to production after testing? Drop your approach in the comments.
#Webflow #WebflowTutorial #WebflowDesigner #PageSpeed #Lighthouse #CoreWebVitals #MinifyCSS #UnusedCSS #WebPerformance #NoCode #WebflowTips2026