Record your CSS usage on your website - remove unwanted CSS
Record your CSS usage on your website - remove unwanted CSS
This is a follow up to: http://news.ycombinator.com/item?id=5095516 regarding CSS optimisation. The common request/theme in these comments was the ability to 'record' your CSS usage on your website as you used it, thus capturing all the CSS selectors (i.e. on a dynamic website). Turns out this functionality is actually inside Chrome Developer Tools; "CSS Selector Profile". The profiler seems to be designed to record how much work each CSS selector takes - but I've noticed that it actually 'records' your usage (you press start + stop) - and shows you how many times each selector was called during your usage. i.e. some selectors were used 100 times, other selectors 0 times. So now you can look at your CSS across your whole dynamic site - and remove selectors that are never used.
Share cardActual performance
Launch Intel predictions
Analyze your own launch →Incorrect prediction on native model
Similar products
Record your CSS usage on your website - remove unwanted CSS
Remove unused CSS from your website
Remove unused css with Purgecss
SHOW HN: Remove Unused CSS
Seasonal.css: Give your website a seasonal colour scheme
CSS Prettifier and Minifier
CSS Penrose Triangle (Impossible Triangle)
CSS with no px units
FizzBuzz in CSS
AtoZ CSS