The Evolution of the Web es una hermosa infografía elaborada en su totalidad con técnicas web modernas el cual nos muestra de manera bastante interactiva la evolución de los navegadores , lenguajes, estándares y tecnologías las cuales han hecho de la web el fantástico entorno que tenemos hoy en día.
A 17 años de que el mundo viera por primera vez la versión del navegador Netscape, se presenta esta infografía por parte de Techking donde se muestran los diferentes navegadores a través del tiempo desde 1994.
Como bien citan en el post original, es difícil recordar el momento en que Netscape tenía más del 86% del mercado. Para visualizar en su totalidad la historia visual de los navegadores continuar leyendo.
El día de hoy fue lanzada oficialmente la versión final de Firefox 4, versión que he venido probado desde su etapa beta además de incluir varias mediciones de su desempeño junto con las versiones beta de Internet Explorer 9.
Como ya es costumbre he evaluado el desempeño de los navegadores, ahora ya con versiones finales, en cuando a su velocidad web se refiere.
Para estas mediciones he cambiado un poco la metodología que habia seguido en pasadas ediciones además de agregar nuevas métricas de desempeño. Primeramente las versiones que se procederán a evaluar son las siguientes:
Así mismo la suite de pruebas ha cambiado, se han eliminado algunas debido a que ya no existen o son irrelevantes ahora, y se han añadido algunas nuevas:
En cuanto a las pruebas de aceleración por hardware es difícil encontrar benchmarks que no han sido creados por Microsoft, con el propósito de hacer lucir a Internet Explorer, y también he incluido los siguientes:
Todas las pruebas fueron ejecutadas un mínimo de 5 veces sin ningún software adicional que pudiera afectar el desempeño del navegador corriendo en paralelo; de estas 5 veces se tomó un promedio y ese fue el resultado que se registró. Para fines prácticos se eliminó la notación decimal.
Y por último la plataforma de pruebas ha cambiado un poco en comparación con la plataforma que usaba anteriormente y cuenta con las siguientes características:
| Firefox 4 | Opera 11.01 | Chrome 10.0.648.151 | IE9 | Safari 5.0.4 | |
|---|---|---|---|---|---|
| HTML | 59 | 1741 | 57 | 871 | 60 |
| Canvas | 100 | 157 | 161 | 188 | 95 |
| SVG | 8 | 50 | 154 | 159 | 62 |
| Flash | 60 | 60 | 402 | 789 | 60 |
| Firefox 4 | Opera 11.01 | Chrome 10.0.648.151 | IE9 | Safari 5.0.4 | |
|---|---|---|---|---|---|
| HTML | 29 | 891 | 30 | 401 | 63 |
| Canvas | 89 | 103 | 107 | 94 | 63 |
| SVG | 2.83 | 20 | 84 | 69 | 38 |
| Flash | 60 | 40 | 502 | 508 | 40 |
| Firefox 4 | Opera 11.01 | Chrome 10.0.648.151 | IE9 | Safari 5.0.4 | |
|---|---|---|---|---|---|
| QuadraticCurve Fill | 100 | 1003 | 232 | 2233 | 86 |
| C5Bench | 1099 | 10976 | 2750 | 4 | 1098 |
| HTML5Test | 255 | 234 | 288 | 130 | 187 |
| rwBench | 11770 | 21642 | 30999 | 8931 | 17733 |
| PeaceKeeper | 6857 | 15396 | 14542 | 9713 | 6892 |
| Firefox 4 | Opera 11.01 | Chrome 10.0.648.1515 | IE9 | Safari 5.0.46 | |
|---|---|---|---|---|---|
| Asteroid Belt (10)7 | 60 | 42 | 32 | 60 | 16 |
| FishIE Tank (1000)7 | 60 | 4 | 5 | 60 | 2 |
| SpeedReading7 | 60 | 14 | 25 | 60 | 6 |
| Graphics Acelebration7 | 35 | 60 | 55 | 60 | 43 |
Por desgracia el desempeño de Firefox, desde que inicie a efectuar pruebas en su periodo beta, se mantiene sin cambios en mayor parte.
Firefox 4 es un buen navegador, con gran soporte de extensiones, y es el segundo mejor navegador en cuanto a soporte de webstandards se refiere, un poco detrás de Chrome pero aun así su desempeño es simplemente abismal y solamente está a la par con Safari en cuanto a lentitud se refiere, ambos navegadores consistentemente obtienen los últimos lugares en prácticamente todas las pruebas realizadas. Esperemos que el nuevo ciclo de desarrollo de 16 semanas de Firefox logre mejorar considerablemente este aspecto del navegador.
En el espectro opuesto, los dos navegadores mas rápidos, siempre resultaron ser Opera y Google Chrome; ambos intercambiando el liderazgo dependiendo la prueba a evaluar, mientras que Chrome se sigue llevando la corona al ser el navegador con el mejor soporte de webstandards hasta ahora. La única excepción de desempeño fue en las pruebas de aceleración por hardware; Opera aún no cuenta con el mismo mientras que en Google Chrome esta desactivado por default por aun encontrarse en una etapa experimental.
La sorpresa de las pruebas fue, sin duda, Internet Explorer 9. Mientras que el navegador cuenta con el peor soporte a estándares, debido a la posición de Microsoft de solo implementar recomendaciones finales en lugar de drafts debido a posibles cambios en las especificaciones, la velocidad del mismo se ha incrementado considerablemente. Si bien el navegador no es el más rápido su velocidad es más que aceptable y es superior en ese aspecto a las soluciones de Mozilla y Apple.
El día de ayer salieron a relucir algunos resultados bastante interesantes en referencia a las pruebas de desempeño realizadas a Internet Explorer 9 en el benchmark de JavaScript SunSpider. Por alguna razón esta noticia no ha dado mucho de qué hablar; algo particularmente importante debido a que se trata de Microsoft y sus supuestas afirmaciones de su navegador estrella.
La prueba de SunSpider es una prueba de Javascript desarrollada por Apple que se ha convertido en una buena medida de desempeño de navegadores. En esta prueba existe una sección específica, math-cordic, en la cual Internet Explorer 9 es 10 veces más rápido que sus competidores. Mientras Opera y Chrome se tardan entre 8 y 10 milisegundos, a Internet Explorer 9 le toma solo 1ms para llevar a cabo la prueba.
Un ingeniero de Mozilla, Rob Sayre, se dio a la tarea de investigar qué es lo que sucede con esta prueba en particular y decidió modificar un poco el código. Básicamente modifico la prueba de math-cordic para que al final regresara un valor booleano, ya sea true o return; valores que no deberían de impactar la prueba significativamente.
Los resultados con estos cambios fueron desconcertadores. Con estas nuevas variaciones Internet Explorer se tomó cerca de 20 veces más en realizar la prueba, es decir, cerca de 20ms mientras que Opera y Chrome continuaron sin variaciones.
La gente de Digitizer y de Hacker News, independientemente, llegaron a diferentes conclusiones:
En vista a las acusaciones Microsoft ya ha actualizado el blog de desarrolladores de Internet Explorer 9 y le han atribuido la discrepancia a la eliminación de código muerto en su motor de Javascript. Al parecer SunSpider está escrito de tal manera que invoca estas optimizaciones y si se re-escribiera la prueba los resultados concordarían con los otros navegadores.
Supongo que si son lo bastante geeks, cuentan con las herramientas y habilidades necesarias como se muestra en el video y además son fanáticos a morir de Firefox podrían darse a la tarea de crear este collar y mostrarlo con orgullo como dice el video.
Menos mal que no hay collares de Internet Explorer, ¿o si?
Microsoft acaba de anunciar hace poco la disponibilidad de su beta de IE9, en dónde podemos ver las mejoras que han hecho en cuanto a velocidad, estética, aceleración por hardware y soporte de estándares web más recientes. Si bien su nuevo navegador no esta nada mal, aún tiene un largo camino por recorrer cuando comparamos su velocidad contra los demás, pero se espera Microsoft escuche a la comunidad y ayude a mejorarlo antes de su salida.
Al mismo tiempo, a principios de Septiembre, Google lanzó la sexta versión de su navegador que es aún más rápida que su versión anterior; pero esto ya es noticia vieja para los desarrolladores ya que ellos ya están trabajando en el desarrollo de Chrome 7, que será 60 veces más rápido que la 6ta y con una notable mejoría en rendimiento de gráficos 2D además de aceleración para canvas .
Cómo podemos ver, todos los navegadores se están apuntando a la aceleración por hardware y soporte de estándares, cómo debe de ser. Internet Explorer 9 tiene mucho trabajo que hacer si no se quiere quedar detrás de Firefox y Chrome que son los más avanzados hasta el momento.
Ya está disponible para su descarga la tercera beta de Firefox 4 que incluye los cambios ya presentados en las versiones anteriores como son un motor Javascript más rápido, App Tabs, soporte experimental para WebGL (desactivado por default), soporte experimental para aceleración por hardware (también desactivado por default), soporte multi-touch bajo Windows 7, entre otros.
Haciendo diferentes pruebas en la beta anterior me encontré con un desempeño disminuido que al parecer ya ha sido corregido en esta cercera beta. En especial en cuanto al soporte experimental de aceleración por hardware que ha vuelto a su desempeño habitual, ubicándose muy cerca de Internet Explorer 9 en todas las pruebas a excepción de una.
| Firefox 4 Beta 3 | IE9 Preview 4 | |
|---|---|---|
| Psychedelic Browsing | 1754 | 1890 |
| Hamster Dance Revolution | 60 fps | 60 fps |
| SVG Dice | 3060 | 13410 |
| Amazon Shelf | 60 fps | 60 fps |
| FishIE Tank (1000) | 33 fps | 36fps |
En cuando al desempeño en otras pruebas este ha cambiado muy poco y es muy probable que podamos esperar que asi se mantenga hasta su versión final.
| Chrome 6.0.472.25 dev | IE9 Preview 4 | Firefox 4 Beta 1 | Firefox 4 Beta 2 | Firefox 4 Beta 3 | |
|---|---|---|---|---|---|
| QuadraticCurve Fill | 248 | 67 | 101 | 100 | 103 |
| Canvas 3D test | ND3 | ND1 | ND1 | ND1 | ND1 |
| C5Bench | 2748 | Nota2 | 1084 | 1088 | 1093 |
| Penrose Tillling | 0.961 sec | 1.436 sec | 0.95 sec | 0.988 sec | 0.96 sec |
| Animation Benchmark (HTML) | 45 | 443 | 16 | 11 | 11 |
| Animation Benchmark (Canvas) | 60 | 66 | 100 | 70 | 100 |
| Animation Benchmark (SVG) | 44 | 66 | 5 | 5 | 5 |
| Animation Benchmark (Flash) | 60 | 60 | 60 | 60 | 60 |
El día de hoy fue lanzada la cuarta, y ultima, preview version de Internet Explorer 9 junto con una nueva ronda de demostraciones y pruebas.
¿Qué podemos esperar? El navegador ha sido creado con los estándares más modernos en mente, y eso es perfecto, se agradece, aunque aún le falta mucho por recorrer. En el ACID3 Test obtiene 95 puntos de 100, casi perfecto, recordemos que todos los demás navegadores modernos obtienen el 100, a excepción de Firefox, que en su versión 4 beta 2, obtiene 97 puntos.
En el HTML5 test las cosas no pintan nada bien, de todos los navegadores modernos, Internet Explorer 9 obtiene el peor resultado de todos.
| HTML5 Test | |
|---|---|
| Internet Explorer 9 Preview 4 | 96 |
| Google Chrome (6.0.472.22 dev) | 217 |
| Mozilla Firefox (4.0b2) | 189 |
| Opera 10.60 | 159 |
| Safari 5.0 | 207 |
Se supone que el navegador ha sido creado con estos nuevos estándares en mente, y su resultado es simplemente pésimo. Si bien es cierto que muchos de estos estándares aún son drafts y están sujetos a cambios muchos de los otros fabricantes ya han comenzado a implementarlos.
Obviamente la versión final incluirá nuevas características, ya presentes en el preview, como lo son aceleración por hardware, que es excelente, implementación de fuentes WOFF, un nuevo motor de Javascript, y nuevo renderizado de fuentes.
¿Es bueno el navegador? Recordemos que estas versiones tan solo son una muestra del motor que se utilizara; podemos decir que actualmente ya es bastante competitivo y es un buen esfuerzo por parte de Microsoft pero me temo que para cuando se la fecha de lanzamiento definitiva del navegador (se espera la primera beta en Septiembre), a finales de este año, los demás navegadores incluirán muchas nuevas características avanzadas por lo cual IE9 se volverá a ver rezagado.
El ciclo de desarrollo de Internet Explorer es demasiado lento; mientras Mozilla, Opera y Google se dan el lujo de liberar varias versiones en un mismo año Microsoft se toma 4 años en lanzar una navegador nuevo.
Aun así, cualquier esfuerzo para dejar en la tumba a Internet Explorer 7 e Internet Explorer 8 por algo mejor se agradece.
Es muy posible que en los meses y semanas que vienen varios navegadores inicien a promocionarse tratando de utilizar la excusa de que ellos cuentan con aceleración por hardware y la competencia no. El contar con aceleración por hardware implica la utilización de la tarjeta gráfica del sistema para auxiliarse de varios cálculos; en lugar de hacer los cálculos en el CPU, estos se hacen en el GPU.
Actualmente Firefox 4 Beta 1 cuenta con soporte experimental, Internet Explorer 9 aún no ha sido lanzado pero en su preview mas reciente ya cuenta con aceleración por hardware. En las versiones de prueba de Chrome ya se está implementando y se puede activar mediante el uso de dos switches (–enable-gpu-rendering y –enable-video-layering); y Opera seguramente ya se encuentra trabajando en algo parecido.
En el sitio de Internet Explorer 9 existen varios demos que hacen uso de aceleración por hardware. Comparando Firefox 4 Beta vs Internet Explorer 9 Preview 3 la diferencia es prácticamente inexistente.
Todas las pruebas están limitadas a 60 cuadros por segundo, y la única prueba en la cual podemos realmente ver alguna diferencia entre ambos navegadores es en la prueba FishIE Tank utilizando 1,000 pescados en pantalla.
Estas implementaciones son más pruebas de hardware, que de software. Cuando Chrome, Opera y Safari implementen aceleración por hardware obtendremos prácticamente el mismo desempeño. Y será aquí cuando tendremos que evaluar el desempeño en materia de tarjetas gráficas.
Una tarjeta gráfica de alto desempeño, como la que he usado en estas pruebas (ATI HD 5870) pasa con creces las mismas. Este tipo de tarjetas no son comunes en el ordenador del usuario promedio y muchas veces utilizan una tarjeta integrada que simplemente no es posible que entrege resultados similares.
Por tanto he añadido una comparativa utilizando Internet Explorer 9 en una laptop que cuenta con una tarjeta integrada (Intel GMA 950).
| Firefox 4 Beta 1 | IE9 Preview 3 | IE9 Preview 3 (Intel 945GM) | |
|---|---|---|---|
| Amazon Shelf | 60 fps | 60 fps | 41 fps |
| FishIE Tank (1000) | 30 fps | 26 fps | 7 fps |
| Mr. Potato Gun | 60 fps | 60 fps | 49 fps |
| Asteroid Belt (10) | 60 fps | 60 fps | 47 fps |
El desempeño de la tarjeta de video simplemente no está a la par comparado con una tarjeta de video dedicada. En este tipo de pruebas es fácil dejarse engañar por los números. Los números no lo son todo, la plataforma, y el hardware afectaran mucho los números de las pruebas.
En cuanto a navegadores se refiere es importante evaluar su soporte de estándares, ahí es donde está la verdadera competencia. La aceleración por hardware es tan solo extra, que tarde o temprano terminara llegando al navegador.
De acuerdo al reporte de mercado de Statcounter más reciente, Google Chrome se ha convertido, en Estados Unidos, en el tercer navegador más usado, detrás de Internet Explorer y Firefox, rebasando, casi por nada, a Safari.
Se midieron 874 millones de pageviews de los cuales Chrome obtuvo el 8.97%, mientras que Safari se quedó con 8.88%. Internet Explorer sigue dominando con el 52% mientras que Firefox se encuentra con el 28.5%.
Esto es bastante considerable debido a que Google Chrome debuto hace apenas 2 años, y ya se ha logrado posicionar con un porcentaje importante de la tasa de mercado; Safari es el navegador por defecto en Mac OS X y aun así en sus varios años de existencia no ha podido despegar; y en mi opinión, su versión para Windows es bastante mediocre (como todo el software de Apple para PC).
Creo que los demás navegadores tienen bastante que aprender de Chrome; dado su rápido crecimiento, avances y gran velocidad. ¿Sera posible que en unos años veamos una competencia fuerte entre Firefox, Internet Explorer y Chrome?
[Vía: StatCounter]
Para saber de qué trata este blog basta con dar un vistazo por la página principal o visitar alguna de las entradas al azar seleccionadas de nuestros archivos. También es posible seguirnos vía RSS, Twitter o Facebook.
Más: Acerca de Logit42 • Ale en Twitter • Fer en Twitter • Peredo en Twitter
Social Media