Contenido

Histórico del nivel de uso de los navegadores web a lo largo de los últimos años

15 dic

+ 7

Microsiervos publica un interesante enlace en el que nos muestra mediante un interesante gráfico circular (en Flash) la evolución del uso de los diferentes navegadores web a lo largo de los últimos años. Pese a que se vé mucho Azul(Internet Explorer), el Naranja(Firefox) no pasa desapercibido. Los datos han sido obtenidos de la W3CSchools.

Navegadores modernos: ¿para que tanta velocidad?

11 ago

+ 26

Con la llegada de Google Chrome, parece que la palabra “velocidad” se ha puesto de moda.  ¿Pero realmente necesitamos tanta velocidad?

He estado haciendo unas pruebas muy rústicas, osea he copiado la página de Yahoo! España en una copia local y le he añadido 2 líneas de Javascript, una al inicio de la página y otra al final de la misma.

<script type="text/javascript">var timeTest = new Date().getTime();</script>
[...] // Toda la página
<script type="text/javascript">console.log("Tiempo: " + (new Date().getTime() - timeTest) + "ms");</script>

Misteriosamente, tiene un par de <noscript /> fuera del </html>, por eso he puesto la línea al final del fichero, fuera del </html>.

Aclaraciones

No se deben hacer ningún tipo de caso a estas pruebas, no tienen ningún valor científico son simplemente una pequeña prueba que he montado.

La prueba se ha realizado sobre la misma página, en el mismo ordenador, con las mismas aplicaciones abiertas y varios navegadores. Se han hecho 5 cargas y se ha sacado una média aritmética de los resultados obtenidos.

Resultados

Los resultados que he obtenido en la primera carga de la página, la siguientes se notaba el caché de partes de la misma,  son los siguientes.

// Windows XP
Firefox 3.5.2: 2566ms.
Chrome 3.0.195.6: 2435ms *
Safari 4.0: 2450ms.
Opera 10.00 Beta 2: 2422ms.
Internet Explorer 8: 2860ms.

* Despues termina de cargar las imagenes.

imagen(2)
(Ver Imagen)

Hemos de tener en cuenta que Google Chrome, el más rápido de los testeados ha cargado las imagenes despues de mostrar el alert() lo que hace que el tiempo sea tan bajo. Pero esta cutre medición no da para más :D.

La mayor diferencia, la encontramos entre IE8 vs Opera, y es de 438ms. Una diferencia realmente insignificante…

Realmente, ¿es tan importante la velocidad?

PD: No he tenido en cuenta la velocidad de apertura que es la que más fastidia a los usuarios de Firefox.

Rendimiento de los navegadores dependiendo del código HTML

2 abr

+ 9

Ajaxline, hace una impresionante comparariva entre los principales navegadores a los que dependiendo del HTML que han de tratar arrojan unos resultados cuanto menos interesantes.

bperf
(Ver Imagen)

Las pruebas realizadas desde un Macbook Pro Intel Core 2 Duo y 2GB de RAM con Parallels para los navegadores basados en Windows.

Pruebas como recorrer en profundidad el arbol DOM del HTML, aplicar el posicionamiento (relativo o absoluto), aplicar opacidad a los elementos o usar <img /> frente a background-url: arrojan unas conclusiones bastante interesantes.

  1. Es mejor usar position:absolute en elementos interactivos.
  2. Una gran cantidad de elementos en una página puede reducir el rendimiento, pero no vale la pena reducir y perder fiabilidad funcionalidad.
  3. No es recomendado  hacer estructuras muy profundas.
  4. No dejes que los estándares te paralicen. Solo los desarrolladores necesitan la semántica y la validación (no estoy muy de acuerdo con esto)
  5. No estires las imagenes por que si. Pero si lo necesitas, usa <canvas />
  6. <img /> trabaja más rápido que la propiedad CSS background-url.

Quieres saber cuando podrás usar una nueva propiedad

11 feb

+ 0

Via Ajaxian descubro When can I use…, una web que recoge, de forma muy gráfica, cuando podremos hacer uso de algunas de las características que hemos ido viendo en el blog. Desde los elementos <video /> a las CSS Animations, pasando por los @font-face y el CSS3.

when_i_can_use

Visualmente podremos saber desde que versión, estará soportada esa nueva característica que estamos deseando usar. Al final de la página, nos muestra un nivel de aceptación de estándares.

when_i_can_use_2

Esperemos que a lo largo de estos 2 años, estas cifras suban considerablemente.

Lunascape5 alpha, ¿el más rápido?

25 nov

+ 14

Esta tarde descubro Lunascape5, un navegador que actualmente está en versión Alpha y que promete ser el más rápido de todos los navegadores actuales.

graphnoslpnr

Si nos fijamos en la imagen, veremos como aparece el más rápido por delante de Google Chrome, Firefox, Opera e Internet Explorer (en este orden) en el test SunSpider. Tiene el record del test el día 21 de Noviembre de 2008.

Y es que Lunascape es un navegador formado por 3 motores de renderizado, (Internet Explorer, Firefox, WebKit) que puedes seleccionar cuando quieras.

lunascape_motor_selection

Además, dispone de una serie de plugins y themes para personalizar el navegador a nuestro gusto.

Poniendo el radar a los navegadores web más modernos

15 jun

+ 20

Los chicos de Lifehacker se han puesto a testear los más modernos navegadores web:

  • Internet Explorer 7.0.6
  • Firefox 3
  • Opera 9.5
  • Safari 3.1.1 (Windows)

El test

El test ha sido realizado sobre una máquina con 2GB de RAM y un procesador a 2GHz Core 2 Duo. Para incluir Internet Explorer 7 en la lista se han visto obligados a usar Windows Vista Home (32 bits).

La prueba se ha dividido en varias pruebas en las que testean los puntos en los que la velocidad es interesante de testear:

  1. Arranque en frio
  2. Arranque en caliente
  3. Carga multi-tab
  4. Javascript y CSS
  5. Memoria de uso

Arranque en frio

Para realizar esta prueba reiniciaron la máquina cada vez que encencían un navegador. Así partían todos del mismo punto de origen:

cold_start1

Opera 9.5 se ha coronado en esta prueba como vencedor indiscutible, sorprendentemente por encima de Internet Explorer que está perfectamente ligado al sistema operativo.

Arranque en caliente

El arranque en caliente consiste en volver a abrir el navegador una vez cerrado después de la prueba de arranque en frio. Los resultados son verdaderamente interesantes:

warm_start1

Pese a lo apretado de la gráfica Opera 9.5 repite y se adjudica la victoria, siendo el navegador que más rápido abre en caliente.

Carga multi-tab

Esta prueba nos muestra como abriendo 8 páginas (entre las que se encuentran YouTube, Apple, Lifehacker, Internet Explorer, Firefox, Opera,…) partiendo de la página blanca de Google.

multi-tab-load2

En esta prueba Safari 3.1.1 se alza campeón y desbanca a los demás por un segundo más que importante.

Javascript y CSS

Usando el test de Javascript de Sean Patrick Keane, ponen a prueba a los navegadores mostrando los resultados siguientes (menor tiempo == mejor).

javascript_test1

Opera y Safari se dispuntan el primero puesto en la prueba de Javascript, así que deciden usar el test de CSS de nontropp’s para desempatar esta disputada prueba.

css_test1

En este caso, Safari se lleva el gato al agua y demuestra rotundamente su gran velocidad de render en cuanto a CSS se refiere.

Memoria de Uso

Aprovechando las pruebas de tiempo y procesamiento, tomaron nota de la cantidad de memoria consumida en las pruebas, y de ahí podemos sacar algunas conclusiones comparando las memorias usadas:

memory_use1

Firefox 3 se lleva la medalla en esta prueba con menos de 100mb al tener 8 pestañas abiertas, casí la mitad menos que el navegador de Microsoft y Apple.

Conclusión

Viendo estos resultados y los que ya habíamos visto previamente en este blog queda más que claro que todos los navegadores testeados están más o menos al mismo nivel en cuanto a rendimiento y que el liderazgo se va a discutir en las mejoras y en la interpretación de estandares web. Habrá una lucha encarnizada que de ninguna manera nos vamos a perder.

Diferencias entre los diferentes navegadores

6 may

+ 7

Los navegadores web están desarrollados por equipos de personas que intentan acatar las normas que la W3C indica que deben cumplirse para que las páginas web se vean tal y como se ven. Evidentemente cada equipo tiene una visión de las normas y cada visión da como resultado una implementación. Por lo tanto cada equipo de desarrollo obtiene una implementación diferente de una misma normal.

Otros navegadores con más cota de mercado (IE’s) intentan cubrir las muchas necesidades que los usuarios solicitan, algo que lleva a la implementación de funcionalidades no incluidas en las normas especificadas por la W3C.

Otros navegadores con ansias de más cuote de mercado (FF, WebKit,/Safari, Opera,..) implementan nuevas funcionalidades a modo de propuestas para que la gente de la W3C piense en si deberían incluirlas dentro de las normas que definen ese estandar.

Está claro que cada navegador es una aplicación por separado y que la especificación sirve de guia para que estas aplicaciones vayan sobre un mismo rail. Quizas el rail es demasiado ancho y permite que varias aplicaciones tengan implementaciones muy diferentes, lo que nos obliga a los desarrolladores a usar hacks en capas más externas para obtener un resultado similar en todos los navegadores.

Una muestra de esta interpretación, son las diferencias entre la forma de mostrar los padding de ciertos elementos, como podemos ver, las diferencias son mínimas (en algunos casos). Pero muestran claramento la diferencia de visión de una misma idea desde diferentes equipos.

La memoria consumida por Firefox 3

13 mar

+ 5

John Resig hace una curiosa y algo “fabulosa” comparativa del consumo de memoria a lo largo del tiempo con la nueva beta de Firefox frente a navegadores como IE7, Opera 9.5b y FF2. Podemos ver como hay una mejora con respecto a los demás, pero me llama la atención los resultados obtenidos por FF2, ¿será una versión especial para John Resig? Personalmente hubiera puesto la línea de FF2 por encima de IE7 aunque … no creo que John quiera vender mal su trabajo.

Un año de Internet Explorer 7, estadísticas de navegadores

4 dic

+ 9

Hace ya un año que Internet Explorer 7 está entre nosotros. La gente de Ajaxian, se hacía eco de ello, haciendo referencia a la poca información de la próxima versión, la 8.0. He pensado que podría ser interesante ver como ha evolucionado de las estadísticas de aquella primera semana.

Internet Explorer en aNieto2k

En este año, 612.023 usuarios han entrado a aNieto2k con alguna versión de Internet Explorer. De estas visitas, el 64,63% usaban Internet Explorer 6.0 frente al 34,76% que ya lo hacían con la versión 7.0.

Es curioso, ver como la versión 5.5 e inferiores, se ha reducido a un 0,19%, ¿debemos olvidarnos de ella?

Evolución de uso de Internet Explorer 7.0

Evolución de Internet Explorer 7.0

Si miramos la evolución este año, veremos que el aumento de visitas con Internet Explorer 7.0, ha ido creciendo de forma increible. Sin tener en cuenta las 2 caidas de la página, vemos como el increible ha sido constante, obviamente.

Evolución del desuso de Internet Explorer 6.0

Evolución de Internet Explorer 6.0

Por otro lado, vemos como Internet Explorer no ha experímentado un desuso excesivo a lo largo del tiempo, el ligero incremento se debe al incremento de visitas generales del blog.

El ganador

Mozilla Firefox ganador

Frente a todo a todo pronóstico, Firefox se lleva el primer premio de aNieto2k al navegador más usado por sus visitantes, con 679.010 usuarios en este año se pone en cabeza con un 49,33%.

No hay que olvidar que debido a la temática del sitio, es muy normal que los usuarios que llegan a la web son usuarios con un perfil más experimentado y que conocen alternativas a los navegadores por defecto de los sistemas operativos. Por ese motivo, el uso de Firefox se vé incrementado de esta manera. 

Curiosidades

Los usuarios de Opera, son los que más tiempo están en el blog, con una media de 02:41 minutos, seguidos de los usuarios de Firefox con 02:18 minutos y Camino con 02:13 segundos.

Los usuarios de Camino, Safari y Firefox son los que más páginas ven por visita con 2,15, 2,11 y 2,08 páginas por visita respectivamente.

En iMeneame, el navegador más usado es Internet Explorer con un 59,73% de las visitas, más concretamente el Internet Explorer 6.0 con un 62, 01% de las visitas totales de todas las versiones de Internet Explorer. La versión 7.0 ronda el 37% de este navegador. Y el primer navegador móvil es el iPhone con un 14% de las visitas totales, seguido del Opera Mini con un 1,14%.

¿Cuantos navegadores tienes instalados?

3 dic

+ 38

Esta mañana hablando con iim.vxk, me ha hecho pensar en la cantidad de navegadores que tengo instalados, solo para testear las aplicaciones que voy haciendo. Y he pensado, ¿es normal? ¿Cuantos deben de tener otros desarrolladores web?

firefoxvsinternetexplorer.jpg

Ahi van los mios: 

  • Opera
  • Firefox
  • Safari
  • WebKit
  • Flick
  • Internet Explorer 6 y 7 (mediante Parallels)
  • Amaya (mediante Parallels)
  • iPhoney (me olvidaba!!)

 ¿Cuantos y cuales tienes tu instalados?