I have 10+ CSS files and around 30+ HTML/JSP files. I want to search each and every class/id in CSS files one by one in all HTML/JSP files so that can remove the rules which are not being used.
Is there any tool available to help in this?
I know there are Chrome/FF plugins to eliminate useless CSS rules but they only work for single page.
The Coverage tab in Chrome DevTools can help you find unused JavaScript and CSS code. Removing unused code can speed up your page load and save your mobile users cellular data.
Coverage Tab in Chrome DevTools (Manually) This Coverage tab helps us find unused Js and CSS code. Open your Chrome browser, go to “Developer Tools”, click on “More Tools” and then “Coverage”. A Coverage will open up.
😬 Looking at “coverage” Chrome's DevTools has a “Coverage” tab that will tell you how much of your CSS and JavaScript is in use.
You can use this firefox plugin and this plugin for Chrome
They appear to do exactly that.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With