Insert your website URL below and find out by how much of your CSS file size can be reduced
In this post, you will learn how to find and remove unused CSS on your WordPress website without any plugins but merely a few lines of code.
This tool uses PurifyCSS, which is a JS library made by Ilias Ismanalijev that scans your source code (HTML and JS) for used selectors and removes the unused code from your CSS files.
PurifyCSS is meant to be installed via npm and built into your build process using tools like Grunt, Gulp or Webpack. However if you're using a different development stack or building your sites with a CMS like Wordpress, you can use this online tool to clean up your stylesheet. Especially if you are using CSS frameworks like Bootstrap or a multi-purpose Wordpress theme, chances are you are actually using less than 20% of the defined CSS rules.
If you have any feedback or suggestion, please write me on Twitter:
Follow me on Twitter