CSS
Análise de folhas de estilo: tamanho de arquivo, cobertura, especificidade de seletores e declarações duplicadas.
Vantagens
Cobertura CSS em nível de byte
Medição precisa de CSS usado vs não utilizado por arquivo. Veja exatamente quantos kilobytes o navegador baixa sem necessidade e reduza o peso da página.
Controle de especificidade
Relatório sobre especificidade mínima, média e máxima de seletores com os top 10 mais pesados. Mantém a cascata previsível e os estilos fáceis de manter.
Detecção de duplicatas e !important
Descoberta automática de declarações repetidas e uso excessivo de !important. Reduza o tamanho do CSS sem perder funcionalidade.
Mapa completo de estilos
Visão geral de cada arquivo conectado — externo e inline — com tamanhos, tipos e percentuais de cobertura. Media queries, prefixos de fornecedor, cores e fontes em um único relatório.
Como funciona
Ferramentas
FAQ
O navegador baixa e analisa todo o CSS antes de iniciar a renderização. Estilos extras aumentam o tempo de bloqueio, atrasando FCP e LCP. Remover CSS não utilizado é uma das formas mais eficazes de acelerar o carregamento.
A especificidade determina qual regra CSS vence em um conflito. Alta especificidade leva a «guerras de seletores» e dificulta a manutenção. O relatório destaca seletores problemáticos para simplificar a cascata.
!important quebra a cascata CSS natural e torna os estilos imprevisíveis. Cada novo !important força outro para sobrescrevê-lo. O relatório lista todas essas declarações para refatoração gradual.
Tamanho total do CSS, contagem de arquivos, regras e seletores, percentual de estilos não utilizados, top de especificidade, lista de duplicatas, declarações !important, media queries, prefixos de fornecedor, paleta de cores e fontes em uso.
A análise de uma única página geralmente leva menos de um minuto. O serviço carrega a página em um navegador real, coleta todas as folhas de estilo e analisa a cobertura em condições reais.