Verificador de Redundancia en CSS

Cuando diseñamos una página basada en estilos en cascada (CSS), en ocaciones nos suelen quedar alguna que otra clase o id que agregamos en la hoja de estilo pero nunca utilizamos en el XHTML. O sea, existe redundancia.

Esto nos suele pasar, y encontrar que clase o id es redundante manualmente puede llevar algo de tiempo, e incluso podemos pasar por alto algunas. Pero como sucede con cada cosa de este mundo, tenemos una herramienta que se encarga de verificar la redundancia en CSS: CSS Redundancy Checker, desarrollada por Mike.

Pasos para utilizar esta herramienta:

  1. Ingresar la dirección donde se encuentra nuestra hoja de estilos (ejemplo: https://daniblog.com/screen.css).
  2. Ingresar la URL de las páginas que utilizan este CSS y queremos verificar.
  3. Hacer clic en Check

Una vez terminados estos pasos, obtendremos los Unused CSS Selectors (selectores CSS no usados), de modo que podremos fácilmente depurar nuestro archivo CSS.

Desde el 24 de julio hasta hoy se calcula que se verificaron 6,174 hojas de estilo y 12,665 páginas; lindos números, pero como siempre digo: pueden mejorarse.

Enlace: CSS Redundancy Checker