El mito de los CSS

Comparte esta nota 13.04.05

Es cierto que en más de una ocasión he podido escuchar o leer que diseños hechos totalmente en CSS son más rápidos, que eliminar las tablas mejora la velocidad de carga, etc…

Pues va a resultar que no es cierto.

No obstante se trata de un enfoque equivocado en lo que al uso de CSS se refiere, ya que además de que la velocidad de carga de las páginas no se tiene tan en cuenta como antes debido a las mejoras en las conexiones a Internet, la gran ventaja del CSS es separar diseño de contenido, la posibilidad de crear documentos semánticamente correctos y más accesibles.

En cualquier caso, es curioso lo mucho que se ha tardado en que alguien se tomara la molestia de comprobar si esa afirmación era o no cierta.

17 comentarios

Off The Beaten Track

10.05.05

[...] n los codigos para hacer cajitas de distintos estilos.

ACTUALIZACION:
Acabo de leer en Html Life que no carga mas rapido. Aunque no entiendo porque.

Por Off [...]

demimismo

13.04.05

Mmmm, no lo he mirado aún con mucho detenimiento, pero según lo que leo ese estudio no es en absoluto correcto.

Ese estudio se centra en una web en concreto, pero pensemos en el caso de un foro por ejemplo: un foro está lleno de pequeños bullets que pasarán a la caché del navegador y no deberán ser descargados más que una vez, por lo que el porcentaje de marcado extra que es necesario con las tablas termina siendo mucho más significativo.

Es un poco pensar en la ley de Amdahl, mejorar lo más frecuente, puede parece porco significativo un 1% de mejora, pero esque este 1% hay que multiplicarlo por TODAS las páginas servidas.

A mí me parece un “estudio” (por llamarlo de alguna manera) muy muy desafortunado.

David

13.04.05

Bueno… es un punto de vista. “Nosotros” sabemos que hay suficientes razones para tirar las tablas por la ventana, aunque no tengan que ver con la velocidad de descarga.

De todas formas, la carga de un archivo css puede reducirse bastante, bastante:
1-shorthand properties
2-compresión (http://www.fiftyfoureleven.com/sandbox/weblog/2004/jun/the-definitive-css-gzip-method/)

…será posible comprimir también el estilo en linea….??¿¿ :P

Axel

13.04.05

Pues si, el enfoque es erroneo, el problema que no se toma en cuenta para nada es que un navegador tarda mucho más en “renderear” una página llena de tablas que la misma página basada en css, independientemente del peso en kb del documento.

Las diferencias entre los tiempos de carga SI SON SIGNIFICATIVAS. Que estos señores hagan pruebas cronometradas directamente en los navegadores, y verán.

Jesús Sánchez

13.04.05

ojo que no es el tiempo de carga, sino que con tablas tienes que esperar a que se cargue todo, y con CSS se va cargando de poco en poco… pero aquí y en china, 1MB es 1MB

saludos

Federico

14.04.05

Perdón, pero cuando leí (en ese articulo) algo de browser sniffing con Javascript deje de leer. Aún así, me parece que el tema de los bugs de los navegadores está un tanto exagerado. Es verdad que los hay pero varios saltan en situaciones muy especificas y la mayoria tiene arreglo.

torresburriel.com

14.04.05

Tablas frente a CSS. Una opini?n m?s
V?a HTML Life he descubierto el trabajo de una compa??a llamada Decloak. Dicen esto:

Founded in 1999, decloak is a tiny company that makes software tools to solve everyday common problems in the programmer’s world as well as the business and soci…

irra

14.04.05

vaya troll.

Todos hemos comprobado como la misma web con tablas era x Kb y con CSS eran x/3 kb (o menos). Para mi, esa es la principal mejora de carga.

yo

14.04.05

el estudio no demuestra eso. menuda tonteria.

mildiez.net

14.04.05

CSS considered harmful
Hace a?os se publicaba un art?culo que pon?a de los nervios a la comunidad de programadores: “GOTO statement considered harmful”.

Decloak, una empresa dedicada al desarrollo de software para la web, ha publicado un “estudio” en el que afirman qu…

Droid

14.04.05

Ese sitio sólo dice una lista de mentiras.

Por supuesto que es más rápido descargar una página hecha en CSS, por favor! y mira que yo no soy así como un neonazi del css.

Hace aproximadamente un año trabajaba en una empresa que se dedicaba a hacer sitios para la renta de hoteles acá en México, cuando llegué los sitios estaban hechos completamente en tablas y estilos en html, después de convertir todo a css los files se redujeron en promedio un 60% home pages de 70kb quedaban en 30-35kb, ahora, descarga eso en una conexión dial-up que quieran o no es la más extendida en el mundo y entonces podemos ver las ventajas del uso del CSS. Otra punto que toca el estudio ese es que el peso del CSS también debe sumarse, ok estoy de acuerdo, pero se suma una sola vez y ya en cache aplica para todas las demás páginas, ventajas que no existen en los sitios hechos en html. Y no sólo eso, también el ancho de banda se reduce proporcionalmente, así que ese estudio es una broma supongo :p.

Saludos

jervert

15.04.05

Desde que cambié las tablas por el CSS me salen sitios mucho más sencillos y cómodos, a la par que ligeros. Además el apartado estético ha mejorado bastante.

Yo solo le veo ventajas.

pulpus

05.05.05

cierto.. faltan muchos factores a tomar en cuenta en ese articulo.. y ciertamente desde que comenze a desarrollar en css solo he visto ganancias y ventajas en el…

no deja de ser interesante el articulo… pero mas que todo como referencia o punto de discusion..

Gez

11.05.05

Evidentemente este tipo escribe desde la perspectiva de un usuario de soluciones wysiwyg y no desde la perspectiva de un desarrollador serio.
Separar diseño y contenido es más que positivo, ya que permite tener un código más limpio, más fácil de revisar y además facilita la organización semántica.
Convengamos que no es lo mismo buscar en el código en una sopa de tablas, que dentro de un div.
Fuera de eso, si tu contenido no tiene orden y jerarquías semánticas, va a ser un contenido poco accesible uses CSS-P o uses tablas… Es de necio discutir eso.

Tener en una hoja de estilos externa los estilos en lugar de definirlos “inline” cada vez que los necesitás, evidentemente hace el código más liviano, y por consecuencia, más rápido de cargar.
Ni hablar del mantenimiento. Si quiero cambiar un estilo de texto porque el cliente así lo desea cambio un solo archivo y listo.
Este tipo recomienda usar templates, tipo los de dreamweaver (que son útiles en algunos casos solamente, y en otros tenés que desmontar el template para poder editar y te queda un archivo suelto del que te vas a olvidar seguro a la hora de subir)…
Le va a ir bárbaro cuando tenga que cambiar una pequeñez y después tenga que volver a subir 200 documentos que componga algún sitio de nuevo al servidor por un texto que debía ir gris en lugar de negro.
Lo que si debe quedar claro para todo el mundo es que las tablas sí tienen su función, que es la presentación de datos tabulares.
Pero eso creo que ningún defensor de CSS-P lo niega. Incluso hay maneras semántica y correctas de representar a las tablas con sus atributos y componentes, aplicándole estilos externos.
Realmente me parece que escribir tanto como hizo este señor con tan poco fundamento (más que su opinión personal basada en conceptos bastante endebles) es bastante ridículo.

Covi

11.07.05

CSS –> Estilo.
(X)HTML –> Estructura.
Tablas –> Datos Tabulares.
Creo que lo demás sobra, es rápido, cómodo, flexible, ligero, semántico, cristalino, barato… esperemos que estándar “de verdad” alguna vez ;)
Solo nos queda esperar que los diferentes Exploradores Web se ciñan de una p******* vez a los Estándares del W3C… y lo mejor es que, por muchos estudios que nos inventen, esto lo sabemos todos ;]

Crash

08.10.05

Bien muchachos el artículo publicado está hecho polvo, pero creo ke un tema ke no se tocado, es lo referente al posicionamiento de las paginas por los buscadores, elaboradas usando un método o el otro.

Los buscadores como google, comienzan a leer las paginas arriba hacia abajo, al llegar a una tabla comienza por la fila superior y por las columnas de izq a derechas, luego pasa a la fila 2, ect. Cuando llega por fin a la información relevante del sitio ha consumido algo así como 20 ó 30 kb de información no relevante (una cantidad de etiketas ; ;,ect) como para alimentar a una familia de glotones comeetiketas durante todo un mes. así a la hora de dar relevancia se sigue una regla más o menos como esta:

relevancia = kb de info relevante/ kb total de la pagina (en realidad es algo más complejo y existen otros métodos).

Así se deduce ke al terminar de indexar la pagina la relevancia de la palabra buscada es bastante baja, sobre todo si se una toda una selva de celdas anidadas como se hace con bastante frecuencia.

Pero… (todo tiene un pero). Una página sencilla (digamos ke nos contrata un particular para una pagina de una cafetería de 3ra) con un par de tablas anidadas, no hacen la gran diferencia.
No obstante, comparto la idea de que:

Las tablas son como el colesterol, a niveles bajos no hacen daño, por encima de determinadas cifras te mata.

GARY

22.11.05

SOY UN JOVEN QUE ESTUDIA INFORMATICA, Y SUS COMENTARIOS..ME SIRVIERON MUCHO PARA UNA DISCERTACION SOBRE LAS CSS GRACIAS A TODOS LOS QUE ESCRIBIERON . YA QUE ME QUEDO MUCHO MAS CLARO QUE SON LAS CSS Y SU USO.

Cerrar
Compartir con un amigo