Uso do CSS
Comparamos o CSS carregado com o CSS realmente usado e mostramos bytes e percentuais usados/não usados para a página e para cada folha de estilo.
Carregamento
Carregamento
Usamos cookies para proporcionar uma melhor experiência em nosso site. Saiba mais sobre como usamos cookies em nossa política de privacidade.
O Milten analisa o CSS da página e mostra uso, fontes, especificidade, duplicatas, regras !important, cores, fontes, z-index e erros.
O relatório captura o estado real da página: fontes de CSS, tamanho, bytes usados e não usados, regras, seletores, declarações, especificidade, repetições, sinais de tokens e erros de validação.
Comparamos o CSS carregado com o CSS realmente usado e mostramos bytes e percentuais usados/não usados para a página e para cada folha de estilo.
Coletamos o tamanho total do CSS, o número de fontes de folhas de estilo e contagens separadas para folhas de estilo inline e externas.
O scanner não exige integração com o build. Informe a URL de uma página e o Milten a abre em um navegador, coleta os estilos e monta um relatório com dados reais do worker.
O worker registra a URL verificada, a data do relatório, as fontes de estilo, as folhas de estilo inline e as folhas de estilo externas.
O relatório mostra CSS usado e não usado, contagens de regras, seletores e declarações, especificidade mín./máx./média e uma lista de seletores complexos.
O relatório final inclui declarações repetidas, !important, media queries frequentes, prefixos de fornecedor, cores, fontes, z-index e erros de CSS.
Cada bloco corresponde ao que o worker realmente calcula: do tamanho total e da porcentagem não usada até listas de cores, fontes, valores de z-index e erros de validação.
A tabela separa folhas de estilo externas e inline e mostra tamanho, bytes usados/não usados e porcentagem não usada de cada fonte.
| Fonte | Tipo | Uso | Não utilizado |
|---|---|---|---|
| app.css | externos | usado / não usado | bytes + % |
| components.css |
Respostas curtas sobre cobertura, especificidade, declarações important, conteúdo do relatório e duração da verificação.
Informe uma URL e receba um relatório claro sobre tamanho do CSS, usado/não usado, seletores, declarações, especificidade, duplicatas, sinais de design e erros de CSS.
Executar o CSS ScannerCalculamos a especificidade mínima, máxima e média, e listamos separadamente os seletores mais complexos.
Contamos regras, seletores e declarações, e mostramos pares propriedade:valor repetidos e exemplos de declarações com !important.
Mostramos as media queries mais frequentes e contamos propriedades CSS com prefixos de fornecedor: -webkit-, -moz-, -ms- e -o-.
O relatório exibe valores de cor únicos, valores de font-family detectados, valores numéricos de z-index e exemplos de erros de validação de CSS.
| externos |
| usado / não usado |
| por fonte |
| estilos inline | inline | regras / declarações | contagem |
O relatório ajuda a ver rapidamente onde o CSS sobrecarrega a página, onde a cascata fica complicada e onde o design system diverge em cores, fontes e z-index.
Mostra o volume extra de estilo que o navegador baixa e processa para a página verificada.
Valores altos e substituições frequentes indicam que a manutenção do CSS merece uma análise mais detalhada.
Listas de valores únicos ajudam a avaliar a consistência do design system sem procurar manualmente no CSS.