Tool to detect and remove unused CSS. How to clean up a CSS file.

Tool to detect and clean unused CSS


Our tool helps to detect and remove unused CSS. You can then download the optimized CSS file. Before using this tool please make a backup of your CSS file (usially it's - style.css), and then paste a text from that file to a field Text CSS before.

Text CSS before (text from current CSS file):



Then get a list of unused CSS.
1. To get a list of unused CSS please open a Google Chrome browser and press F12. Then click AuditsReload Page and Audit on LoadRun → open Web Page Performance → open Remove unused CSS rules → open your CSS file name → copy to a clipboard all names of a style which was appear.
2. Paste text from a clipboard into a field All unused styles.
3. Open a next page of your site and do a step 1 again.
4. Paste text from a clipboard into a field Unused styles on a current page. Press a Refresh unused styles with data from a current page button.
5. Repeat steps 3 and 4 several times (as much as posible :)).


Unused styles:



When you got a list of unused CSS please press a Clean unused CSS button.




Text CSS after:



After you remove unused CSS please copy text from a Text CSS after field into your CSS file. Hope our tool helps you!

Please, leave a comment about our tool or a mail to 1c@tekdata.ru.