La web del congreso

Autor: Armonth | El viernes 15 de junio del 2007 @ 03:12.

La nueva web del congreso no ha dejado a nadie indiferente, a la opinión de Andrés Nieto (más bien un rapapolvo digno de mención) sólo quiero añadir un punto más: estamos ante un gurú de la "classitis" (manía de usar clases para todos).

No pensaba decir nada al respecto pero me he animado y centrándome en el CSS podemos ver la antesala a una chapuza de dimensiones cómicas, para ello he bajado los cuatro ficheros CSS y copiado el código incrustado en la web (lo he llamado inline.css) y me he dicho "empezamos bien":

ls -l | awk '{print $8,$5}'

apps.css 9,0K   
congreso.css 26K   
inline.css 54K   
portada.css 19K   
prensa.css 6,9K

114.9KB en información de CSS, pero luego toca ver cuántas líneas son (como curiosidad):

wc -l *   
104 apps.css   
343 congreso.css   
586 inline.css   
250 portada.css   
98 prensa.css   
1381 total

1381 líneas de código CSS (amontonado y medio ilegible). Lo primero que veo es que no conocen o prefieren ignorar totalmente la herencia entre elementos por la cual si especificamos por ejemplo:

body { color: #000; }

Todo el texto de la web tendrá color negro (#000) a no ser que se especifique lo contrario en un elemento. ¡Vale! Pues veamos cuántas veces aparece la cadena Color:#000000; en los cinco ficheros:

grep "Color:#000000;" * | wc -l   
428

En 428 líneas de 1381 aparece un "Color:#000000;" y muchas centradas en el inline.css, por lo que podemos decir sin lugar a dudas que con especificarlo una vez en un body {} nos habríamos ahorrado 428 veces el texto "Color:#000000;" (13 bytes por 428 = 5564 bytes o 5kB). Repetimos con las dos siguientes:

Font-Family:Arial, Helvetica;   
Font-Size:8pt;

Vale, todavía no hemos empezado a "buscar y reemplazar" (reemplazando por nada) y inline.css ya ha pasado de 54K a 29K y la web sigue viendose "bien". Con media hora más de trabajo y de eliminar CSS y HTML repetido la cosa seguramente bajaría bastante. Bueno voy a parar que arreglarles la web no es mi trabajo (y ya es tarde).

Luego hay miles de cosas más, comentadas tanto por Andrés como por otros sitios, las búsquedas devuelven resultados raros (o ninguno) si no usas Internet Explorer, código espaghetti, código repetido a mansalva, pero vamos: el CSS como primer plato ya deja mal sabor de boca para lo que viene después que es bastante peor.

Y pensar que en total todo este plan de modernización costará 17 millones de €. Me lo tomaré con humor por no poner lo que pienso...

Bueno sí, pondré otra cosa: por una centésima parte en una tarde se lo arreglo, si alguien del congreso lee esto que sepa que estoy a su disposición }:P

Comentarios