anurag
Reputation: 630
Chrome Developer Tools : I CSS Coverage unused bytes
I am trying to remove unused CSS from a webpage.
- In Chrome Developer Tools -> click on vertical three dots -> More tools -> Coverage.
- Click on any CSS
- We see a report wherein red indicates unused CSS, green indicates used CSS.
Is there a way to group CSS based off whether they are used or not? Right now, the red/green visual indicators are good, however, they don't provide an easy way to copy/paste just the used CSS.
Visual indicators for CSS code coverage
Upvotes: 9
Views: 3070
Answers (1)
Kayce Basques
Reputation: 25957
DevTools technical writer here.
No, unfortunately there is no way to group, at the moment. We're aware that users want to be able to export used code to a file. Can't give a timeline on when that feature will ship, though.
Upvotes: 5
Related Questions
- Chrome Devtools Coverage: how to save or capture code used code?
- How to get "Coverage" data out from the Chrome Dev Tools
- Find out where the CSS codes are used in the web page after Pick out them via Chrome DevTools?
- chrome extract coverage report as part of build process
- Chrome Developer Tools -> Source -> Coverage
- Chrome Dev Tools - Code Coverage during navigation
- Chrome devtools reporting the same CSS on the same line twice
- Chrome Dev Tools claim that styles overrides themselves
- Additional CSS appearing in Chrome Developer Tools?
- Chrome Dev Tools: View unminified CSS