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
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.