Publicado el Sábado 07 de Julio del 2007 @ 4:16 por Armonth.
Cuando se desarrolla un sitio en XHTML y CSS normalmente se van añadiendo líneas y más lineas CSS de forma que finalmente terminamos con un CSS sobrecargado.
CSS Redundancy Checker es un script alojado en Google Code y escrito con Ruby que nos viene perfectos para solucionar la papeleta.
El funcionamiento es muy sencillo, primero nos lo descargamos utilizando SVN:
svn checkout http://css-redundancy-checker.googlecode.com/svn/trunk/ css-redundancy-checker
Y obtendremos la última versión, luego hace falta tener instalado ruby y hpricot, veamos cómo hacerlo en Debian y derivados:
apt-get install ruby rubygems
gem install hpricot
Ambos comandos como root (o añadiendo sudo antes). Luego tenemos que pasarle el fichero CSS y un directorio que contenga los HTML a pasar o un fichero de texto con la(s) URL(s) a examinar, eso sí con una URL por línea.
ruby css-redundancy-checker.rb style.css file.txt
El script analizará el/los HTML(s) y mostrará en pantalla que partes de CSS no son usadas por el HTML.
Y yo aún despierto… y tu vas y posteas xD. Parece MUY MUY útil como técnica de optimización de CSS. Lo probaré mañana en una máquina virtual a ver.
Muy buena información la que siempre nos brindas Armonth. Me dispongo a probar esta herramienta.
- Hay una versión online para hacerlo sin necesidad de instalar nada:
http://services.immike.net/css-checker/
- También hay una extensión para Firefox:
http://www.sitepoint.com/dustmeselectors/
- Si sabéis de alguna otra herramienta, sería interesante reunirlas aquí todas. Llevaba tiempo buscando algo así.
Un saludo