CSS Analytics in Chrome DevTools

User avatar for Bart Veneman Bart Veneman in blog

The people at Chrome DevTools are joining the CSS Analytics game! Harry Roberts posted a tweet showing a screen in Chrome that lists colors on a page, complex CSS selectors, and more.

Chrome DevTools showing built-in CSS Analytics

This is awesome. We need developers and designers to be more aware of the branding and complexity they create in their websites. And more players in this field means that there is an interest. If more people are going to show interest in these metrics, that means that more people will be inclined to use Project Wallace. 😁

I am curious to see where the Chrome folks will take this new addition to their (already huge) ecosystem of devtools. They have a huge benefit over Project Wallace, because they have way more context over all HTML and CSS, whereas Project Wallace only does static analysis of the CSS. Martin Donath (@squidfunk) already gave a nice presentation about this concept, and I think he and the DevTools team are on the right track. Good stuff!

Now, if I could only find out how to enable this Chrome experiment…

Update 2020-03-03: replaced image.

Back to blog