CSS Usage: Averiguar que reglas CSS se están utilizando

Firefox tiene un abanico impresionante de complementos útiles, Firebug es uno de mis favoritos, lo considero imprescindible para cualquier programador web.

Ahora y navegando entre los nuevos complementos de Firefox encuentro CSS Usage, una extensión que funciona también de forma conjunta a Firebug y que en pocas palabras nos permite ver el CSS utilizado en la pagina que estamos analizando.

css utilizado

CSS Usage es un complemento de lo mas interesante, su funcionamiento es simple, basta ejecutar el escaneo del documento y automáticamente se listaran todas las propiedades utilizadas en el documento activo. Esto sirve para determinar de forma simple que clases se encuentran activas y cuales no.

Recuerden que en el tutorial de Page Speed nombramos que uno de los parámetros de análisis era la declaración de propiedades en nuestras hojas de estilo que no utilizamos. Por lo que CSS Usage se termina convirtiendo en una herramienta genial para realizar la limpieza de nuestro código.