Artículo recomendado: "Css3 vs. Css. Un test de velocidad." 7.4.12
Artículo recomendado: "Css3 vs. Css. Un test de velocidad."
Artículo de Trent Walton publicado en Smashing Magazine
El autor realiza dos versiones de la misma página. En una recurre a Css2.1 y en la otra a Css3 en cuestiones como:
- linear-gradient
- border-radius
- radial-gradient
- text-shadow
- box-shadow con RGBa
Y el resultado lo somete a una serie de análisis y comparativas referentes a tiempo y recursos invertidos, peso de las páginas, velocidad de carga... étc.
Interesante el resultado. Y más interesante el intercambio de opiniones en los comentarios. A continuación un pequeño estracto.
Pero la recomendación en estos casos siempre es la misma: ¡Al original! Pasa por el artículo original y míralo por ti mismo
Peso y peticiones al servidor
CSS3 | CSS | Difference | |
Size | 767.9 KB | 849.2 KB | 81.3 KB |
Requests | 12 | 22 | 10 |
Production time | 73 minutes | 49 minutes | CSS3 33% faster |
Size | 849.2 KB | 767.9 KB | CSS3 9.5% smaller |
Requests | 22 | 12 | CSS3 45% fewer |
Peso de los archivos y tiempo de carga
Las conclusiones del autor tras estos datos dejo que las veas tú en el artículo, así, como te decía al inicio, el intercambio de opiniones en los comentarios.
Css3 no es el futuro. El futuro ya nos alcanzó
Si aun eres de los que duda de si ya ha llegado el tiempo de css3 o aun está por llegar, fíjate en todas las páginas que ya lo implementan, y no solo en aquellas propiedades visuales. A nivel de estructura y relación entre elementos también. Un ejemplo: Google y más concretamente Youtube o Gmail
Un par de citas de Adam de Boor, ingeniero de software en Gmail:
El objetivo actual de Google es conseguir que Gmail cargue en menos de un segundo. La velocidad es una característica.
La empresa ha encontrado que el uso de CSS3 puede acelerar el tiempo de procesamiento en un 12 por ciento.
Despedida y cierre
Y hasta aquí el resumen. Ahora la cuestión es ¿cómo lo vemos desde fuera de la cultura anglosajona? ¿Usas o aun tienes reticencias para exprimir Css3 a fondo?
Si es por una cuestión de no conocerlo lo suficientemente bien, este blog, y otras muchas páginas en español, intentamos echarte una mano
Las imágenes y datos de este post obtenidos del artículo original: CSS3 vs. CSS: A Speed Benchmark