Sofia Emelianova
O painel CSS Overview no DevTools permite encontrar possíveis melhorias de CSS na sua página rapidamente.
Para gerar um relatório, abra DevTools > 
> More tools > CSS Overview e clique em Capture overview.
O relatório mostra várias seções:
- Um resumo com estatísticas sobre estilos, seletores e consultas de mídia.
- Uma análise das cores usadas, incluindo problemas de contraste, os problemas mais comuns na Web.
- Uma descrição das fontes usadas com estatísticas sobre tamanho, peso e altura da linha.
- Declarações CSS não usadas.
- Estatísticas sobre consultas de mídia classificadas por número de ocorrências em ordem decrescente.
Para uma experiência de aprendizado mais prática, consulte Visão geral do CSS: identificar possíveis melhorias de CSS.
Para saber mais sobre problemas de contraste, consulte Tornar seu site mais legível.