Gravatar de Armonth

La web del congreso

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 — bastante peor –.

Y pensar que en total todo este plan de modernización costará 17 millones de €. Le añado la etiqueta humor por no poner otra cosa…

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

2 Comentarios (feed)

  1. Gravatar de cojin cojin nos comenta:

    por una centésima parte de 17 millones de eso aprendo (decentemente y no como se ahora) css y se la hago tres veces.
    Encima la habrán hecho entre unos cuantos “ingenieros” cuando cualquier tío con FP y un poco de darle caña aparte la puede hacer sin despeinarse y funcionando hasta en una batidora.

    Viernes, 15 de Junio/2007 @ 13:15

  2. Gravatar de inferi inferi nos comenta:

    No les importa el tamaño final de la web, 114,9KB es calderilla, observa la reciente página de la Universidad de Valladolid ocupa 800kb sin descargar las imágenes que hay en el css y costó 30 millones de pta. Y este es uno de los males menores de la web…

    Viernes, 15 de Junio/2007 @ 20:14

Comentarios cerrados