Milten.ioMilten

CSS

Análisis de hojas de estilo: tamaño de archivo, cobertura, especificidad de selectores y declaraciones duplicadas.

Ventajas

Cobertura CSS al byte
Medición precisa de CSS utilizado vs no utilizado por archivo. Descubre exactamente cuántos kilobytes descarga el navegador en vano y reduce el peso de la página.
Control de especificidad
Informe sobre especificidad mínima, promedio y máxima de selectores con el top 10 de los más pesados. Mantiene la cascada predecible y los estilos fáciles de mantener.
Detección de duplicados y !important
Descubrimiento automático de declaraciones repetidas y uso excesivo de !important. Reduce el tamaño del CSS sin perder funcionalidad.
Mapa completo de estilos
Vista general de cada archivo conectado — externo e inline — con tamaños, tipos y porcentajes de cobertura. Media queries, prefijos de proveedor, colores y fuentes en un solo informe.

Cómo funciona

Herramientas

Validar HTML
Accesibilidad
CSS
Tokens de diseño
Carga útil RSC

FAQ

El navegador descarga y analiza todo el CSS antes de iniciar el renderizado. Los estilos adicionales aumentan el tiempo de bloqueo, ralentizando FCP y LCP. Eliminar CSS no utilizado es una de las formas más efectivas de acelerar la carga.

La especificidad determina qué regla CSS gana en un conflicto. Una especificidad alta lleva a «guerras de selectores» y dificulta el mantenimiento. El informe destaca los selectores problemáticos para simplificar la cascada.

!important rompe la cascada CSS natural y hace los estilos impredecibles. Cada nuevo !important obliga a añadir otro para sobrescribirlo. El informe lista todas estas declaraciones para refactorizarlas gradualmente.

Tamaño total del CSS, cantidad de archivos, reglas y selectores, porcentaje de estilos no utilizados, top de especificidad, lista de duplicados, declaraciones !important, media queries, prefijos de proveedor, paleta de colores y fuentes en uso.

El análisis de una página suele tardar menos de un minuto. El servicio carga la página en un navegador real, recopila todas las hojas de estilo y analiza la cobertura en condiciones reales.
Usamos Cookies

Usamos cookies para garantizar que obtengas la mejor experiencia en nuestro sitio web. Para obtener más información sobre cómo usamos las cookies, consulta nuestra política de cookies.