How to get Chrome's vintage audit panel in 2017? (How to use Chrome's Audit tool to remove unused CSS?)
To get the old audit panel:
- Open developer tools at first by pressing f12 or Ctrl + Shift + I
- Open the Command Menu (Cmd+Shift+P (or Ctrl+Shift+P)).
- Start typing "Legacy".
- Select "Show Legacy Audits".
Chrome devtools audits tab does not show
The Audits tab does not exist anymore, it has been replaced with Lighthouse (See What's new in DevTools (Chrome 83)).
Just use Lighthouse.
Chrome's Dev Tools Audit pass lists styles only added by jQuery
Web Page Performance Audit is very simple and can't possibly cover all states that your complex web page can be in. "Remove unused CSS rules" is a suggestion for you that something might need optimization. Please note that even google page has ~60% of rules that are unused (according to the audit report).
Related Topics
Why Does Firefox Treat Helvetica Differently from Chrome
How to Center Text Inside: Before Pseudo Element
Flex: Justify-Content: Space-Around But Full Size on Both Ends
How to Make The New Facebook Post Embed Feature Responsive
Angular 8: Change Height in Mat-Form-Field to Specific Pixel Number
How to Refer to an Image Resource from CSS in Grails
Text Is Wrapping Under Bullet in CSS List
How to Do Vertical+Horizontal Centering in CSS
Bootstrap 4 Center Pagination in Column
How to Select a Radio Button in CSS
Using CSS Mix-Blend-Mode with a Child of a Position Fixed Element
How Make a Looped Animation Wait Using CSS3
Radio Buttons Show Unwanted White Background in Chrome. Firefox Is Fine
Less CSS Background with Relative Path