estudio de los navegadores de internet 2 · procesos del navegador y que sólo deberíamos ......

ESTUDIO DE LOS

NAVEGADORES

DE INTERNET

María Gala, Mónica Martín y Alba Torre.

ESTUDIO DE LOS

NAVEGADORES

DE INTERNET


ESTUDIO DE LOS

NAVEGADORES

DE INTERNET


ÍNDICE

1. Introducción............................................................................................................... 3

2. Uso de recursos: RAM y CPU. ............................................................................... 3

3. Tiempo de arranque. ............................................................................................ 6

4. Tiempo de carga. ..................................................................................................... 7

5. Rendimiento Java script. .................................................................................... 8

6. Rendimiento gráfico. ............................................................................................. 9

7. Cumplimiento de estándares. ........................................................................ 10

8. Conclusión. ................................................................................................................ 11

9. GOOGLE ....................................................................................................................... 12

� Introducción. ........................................................................................................... 12

� Filosofía de trabajo. ................................................................................................ 13

� Objetivo. ..................................................................... ¡Error! Marcador no definido.

� TABLA DE ILUSTRACIONES.

Figura 1 � USO DE MEMORIA. ..................................................................................................... 4

Figura 2 � USO DE CPU. ............................................................................................................... 5

Figura 3 � TIEMPO DE ARRANQUE. ............................................................................................. 6

Figura 4 � TIEMPO DE CARGA. .................................................................................................... 7

Figura 5 � RENDIMIENTO JAVA SCRIPT- BENCHMARKS JAVASCRIPT. ......................................... 8

Figura 6 � BENCHMARKS GRÁFICOS. ........................................................................................... 9

Figura 7 � ESTANDARES. ............................................................................................................ 10

Figura 8 ........................................................................................................................................ 11

Figura 9 ........................................................................................................................................ 12

Figura 10 ...................................................................................................................................... 13

Figura 11 ...................................................................................................................................... 16

Figura 12 ...................................................................................................................................... 17

Figura 13 ...................................................................................................................................... 17


1.1.1.1. IntroducciónIntroducciónIntroducciónIntroducción

En este documento vamos a hacer un estudio de la comparativa de los navegadores de internet. En este, vamos a hablar sobre el uso de los recursos de la RAM y el CPU, del tiempo de arranque, el tiempo de carga, el rendimiento grafico, el rendimiento de estándares y por último haremos una breve conclusión.

Por mucha “era Post-PC” y dominio de las smartphones y tablets que haya en el mercado, muchos seguimos usando nuestros ordenadores y portátiles para, entre otras cosas, navegar por Internet. Y cuando lo hacemos, siempre surge la pregunta:

�� ¿Qué navegador es mejor?

Esa pregunta es muy subjetiva ya que cada uno al tratarse de una opinión elige cual le gusta más o cual se ajusta más a sus necesidades. Lo que sí vamos a hacer es diseccionarlos y compararlos, viendo cuál consume más recursos, cuál carga más rápido o quién cumple mejor los estándares.

Para las pruebas hemos usado las versiones estables de todos los navegadores (Firefox 40, Chrome 44, Opera 32 y Edge 20). Los sistemas operativos en los que hemos hecho las pruebas han sido Windows 10 y Ubuntu 15.04

2.2.2.2. Uso de rUso de rUso de rUso de recursos: RAM y CPU. ecursos: RAM y CPU. ecursos: RAM y CPU. ecursos: RAM y CPU.

�� ¿Qué significa , para nosotros, que un navegador consuma más o meno s recursos?

Que un navegador consuma poco no significa necesariamente que sea mejor. La memoria

RAM guarda los datos que necesita el programa para funcionar (por ejemplo, la información

para mostrar una web) y permite acceder a ellos rápidamente, y la CPU ejecuta las

instrucciones necesarias para procesar los datos que recibe el navegador y convertirlos en la

página que ves (y más cosas).

Que un navegador use poca RAM puede significar que guarda los datos muy eficientemente, o

que los tira y los tiene que reconstruir durante unos segundos cada vez que cambias de

pestaña. Y si usa poca CPU puede ser que necesite pocas instrucciones para procesar páginas

web, o que esté esperando a cualquier otra cosa.

En resumidas cuentas, el uso de recursos es sólo una medida más para ver cómo funciona el

navegador, y necesitaremos otros datos como cuánto tarda en cargar las páginas o cuánto

tarda en arrancar.

Por otra parte, los recursos de cualquier sistema son

funcionando y todos ellos (incluido tu navegador) compiten por una cantidad importante de

ellos, tu sistema acabará ralentizándose y quedándose medio colgado.

Figura 1 �� USO DE MEMORIA.




Por otra parte, los recursos de cualquier sistema son limitados: si tienes muchos programas


ellos, tu sistema acabará ralentizándose y quedándose medio colgado.




limitados: si tienes muchos programas


Para medir el uso de memoria de navegadores multiproceso hemos monitorizado la memoria libre del sistema a lo largo de la prueba, para tener en cuenta la memoria que comparten varios procesos del navegador y que sólo deberíamos contar una vez. Para evitar quprogramas interfiriesen, sólo funcionaba el navegador y el script y antes de cada prueba se forzaba una "limpieza de memoria" (un programa que reserva cada vez más memoria paraobligar al sistema operativo a "liberar" toda la que pudiese).

Figura 2 �� USO DE CPU.

Como podéis ver, Firefox es el más conservador en cuanto al uso de recursoses el que peor los libera al cerrar las pestañas. En RAM, Chrome, Opera y Edge can bastante similares, con Edge consumiendo menos para pocas pestañas. Sí es curioso el alto uso de CPU de Edge mientras abría las nuevas páginas (de hecho, era el que peor respondía a las pruebas).


ra medir el uso de memoria de navegadores multiproceso hemos monitorizado la memoria libre del sistema a lo largo de la prueba, para tener en cuenta la memoria que comparten varios procesos del navegador y que sólo deberíamos contar una vez. Para evitar quprogramas interfiriesen, sólo funcionaba el navegador y el script y antes de cada prueba se forzaba una "limpieza de memoria" (un programa que reserva cada vez más memoria paraobligar al sistema operativo a "liberar" toda la que pudiese).

Firefox es el más conservador en cuanto al uso de recursoses el que peor los libera al cerrar las pestañas. En RAM, Chrome, Opera y Edge can bastante

onsumiendo menos para pocas pestañas. Sí es curioso el alto uso de CPU de Edge mientras abría las nuevas páginas (de hecho, era el que peor respondía a las


ra medir el uso de memoria de navegadores multiproceso hemos monitorizado la memoria libre del sistema a lo largo de la prueba, para tener en cuenta la memoria que comparten varios procesos del navegador y que sólo deberíamos contar una vez. Para evitar que otros programas interfiriesen, sólo funcionaba el navegador y el script y antes de cada prueba se forzaba una "limpieza de memoria" (un programa que reserva cada vez más memoria para

Firefox es el más conservador en cuanto al uso de recursos, aunque también es el que peor los libera al cerrar las pestañas. En RAM, Chrome, Opera y Edge can bastante

onsumiendo menos para pocas pestañas. Sí es curioso el alto uso de CPU de Edge mientras abría las nuevas páginas (de hecho, era el que peor respondía a las


3.3.3.3. Tiempo de arranqueTiempo de arranqueTiempo de arranqueTiempo de arranque....

El tiempo de arranque es otra variable importante a la hora de usar un navegador. Para ello hemos hecho la prueba con un script simple: guardamos una marca de tiempo y mandamos al navegador que abra una página local que lo único que hace es mostrar una alerta con otra marca de tiempo cuando acaba de cargarse. Restamos ambos tiempos y ahí tenemos el tiempo de carga. Para tener más confianza en las medidas, repetimos el proceso varias veces con cada navegador.

Figura 3 �� TIEMPO DE ARRANQUE.

Hemos medido ambos modos de arranque: en frío (la primera vez que abres el navegador tras

arrancar el sistema) y en caliente (cuando ya has abierto y cerrado el navegador previamente).

Tal y como funcionan los sistemas operativos, lo habitual es que el arranque en caliente sea

considerablemente más rápido que en frío.

En general todos los navegadores se comportan muy bien: salvo Edge, que se queda

cerca, todos están por debajo de un segundo en arranque en caliente . A ese nivel, las

diferencias son prácticamente inapreciables (aunque, todo sea dicho, el más rápido es Opera).

En el arranque en frío Edge es el que mejor funciona, con Opera muy de cerca y con Chrome a

la cola con 4 segundos y medio.


4.4.4.4. Tiempo de carga.Tiempo de carga.Tiempo de carga.Tiempo de carga.

Figura 4 �� TIEMPO DE CARGA.

En este aspecto son Chrome y Opera los más rápidos , con Edge en un punto medio y Firefox el más lento, con casi 15 segundos de media desde que empieza a cargar la página hasta que hace la última petición.


5.5.5.5. Rendimiento Java script.Rendimiento Java script.Rendimiento Java script.Rendimiento Java script.

Figura 5 �� RENDIMIENTO JAVA SCRIPT- BENCHMARKS JAVASCRIPT.

La mayoría de las páginas web dependen de Javascript para mostrar su contenido y para que

puedas interactuar con ellas, así que el rendimiento aquí es bastante importante. No hay un

claro ganador: todos rinden prácticamente igual.


6.6.6.6. Rendimiento gráfico.Rendimiento gráfico.Rendimiento gráfico.Rendimiento gráfico.

Figura 6 �� BENCHMARKS GRÁFICOS.

Otra parte importante del rendimiento de los navegadores es el manejo de gráficos . Cada vez

más páginas funcionan con animaciones, imágenes y vídeos,.Para ello hemos usado

dos benchmarks: el de WebVizBenchy el CanvasMark 2013. Ambos miden el rendimiento del

manejo de gráficos y, en el caso de CanvasMark, lo une al rendimiento de Javascript en algunos

tests.

Como podéis ver, los navegadores basados en Blink (Chrome y Opera) tienen un rendimiento

mucho mejor que Edge o Firefox en los dos tests.


7.7.7.7. Cumplimiento de estándares.Cumplimiento de estándares.Cumplimiento de estándares.Cumplimiento de estándares.

Figura 7 �� ESTANDARES.

Y por último, el cumplimiento de estándares. Este aspecto es complicado de medir: los tests

suelen probar si un navegador soporta o no una determinada característica, no si lo hace

correctamente y de acuerdo a las especificaciones.

Los tests incluidos han sido el Acid3 (más por nostalgia que por otra cosa: todos los

navegadores lo pasan correctamente) y los tests de CSS y HTML5. Edge es el que peor

puntuación obtiene, mientras que Chrome y Opera van a la cabeza en HTML5 y CSS3.


8.8.8.8. CoCoCoConclusnclusnclusnclusiónióniónión....

Los navegadores se comportan de manera bastante parecida en general. Sólo en uso de

recursos y en rendimiento gráfico tenemos grandes diferencias. Quizás el que peor parado sale

es Edge, aunque teniendo en cuenta lo joven que es tampoco resulta del todo extraño.

Figura 8

9.9.9.9. GOOGLE GOOGLE GOOGLE GOOGLE

�� Introducción.

Google es una compañía, principal subsidiaria de la

multinacional estadounidense

productos y servicios relacionados con

software, dispositivos electrónicos

principal producto de Google es el

contenido en Internet del mismo nombre aunque ofrece

también otros productos y servicios como el

electrónico llamado

Maps y Google Earth

utilidades web como

Chrome y la red social

desarrollo del sistema operativo basado en

orientado a teléfonos inteligentes, tabletas, televisores y

automóviles y en gafas de realidad aumentada, las

Glass.

Con más de un millón de servidores y centros de datos

presentes en todo el mundo, Google es capaz de procesar más

de 1000 millones de peticiones de búsqueda diarias y

su motor de búsqueda

mundial tal como muestra el ran

Figura 9


GOOGLE GOOGLE GOOGLE GOOGLE

Introducción.


multinacional estadounidense Alphabet Inc., especializada en

productos y servicios relacionados con Internet,

dispositivos electrónicos y otras tecnologías. El

principal producto de Google es el motor de búsqueda


también otros productos y servicios como el correo

llamado Gmail, sus servicios de mapas

Google Earth, el sitio web de vídeos YouTube

utilidades web como Google Libros o Google Noticias

red social Google+. Por otra parte, lidera el

desarrollo del sistema operativo basado en Linux

do a teléfonos inteligentes, tabletas, televisores y

automóviles y en gafas de realidad aumentada, las




motor de búsqueda es el sitio web más visitado a nivel

mundial tal como muestra el ranking web internacional.



, especializada en

y otras tecnologías. El

motor de búsqueda de


correo

, sus servicios de mapas Google

YouTube y otras

Google Noticias, Google

. Por otra parte, lidera el

Linux, Android,

do a teléfonos inteligentes, tabletas, televisores y

automóviles y en gafas de realidad aumentada, las Google




es el sitio web más visitado a nivel

king web internacional.

�� Historia.

Larry Page y Serguéi Brin

universitario en enero de 1996

cuando ambos eran estudiantes de

posgrado en ciencias de la

computación

Stanford.

El nombre original del buscador era

BackRub, en 1997 los fundadores

deciden cambiar el nombre a Google inspirados por el término

matemático "

potencia de 100, en referencia a su objetivo de organizar la

enorme cantidad de información en la

Page y Brin fundan, el

Google Inc., que estrena en Internet su motor de búsqueda el

de septiembre

Contaban con un armario lleno de servidores (unos 80

procesadores), y dos

al otro más popular de la época,

en 1995. En el 2000 Google presentó AdWords, su sistema de

publicidad en línea y la llamada

Y según fueron pasando los años Google fue lanzando nuevos

proyectos, productos y programas así como sistemas operativos

para móviles (Android).


Serguéi Brin comenzaron Google como un proyecto

universitario en enero de 1996

cuando ambos eran estudiantes de

ciencias de la

en la Universidad de

El nombre original del buscador era

BackRub, en 1997 los fundadores


ico "gúgol" que se refiere al número 10 elevado a la


enorme cantidad de información en la Web.

Page y Brin fundan, el 4 de septiembre de 1998, la compañía

., que estrena en Internet su motor de búsqueda el

de septiembre siguiente (considerada la fecha de aniversario).


procesadores), y dos routers HP. Este motor de búsqueda superó

al otro más popular de la época, AltaVista, que había sid

. En el 2000 Google presentó AdWords, su sistema de

publicidad en línea y la llamada Barra Google.

fueron pasando los años Google fue lanzando nuevos


para móviles (Android).


comenzaron Google como un proyecto


" que se refiere al número 10 elevado a la


, la compañía

., que estrena en Internet su motor de búsqueda el 27

siguiente (considerada la fecha de aniversario).


HP. Este motor de búsqueda superó

, que había sido creado

. En el 2000 Google presentó AdWords, su sistema de

fueron pasando los años Google fue lanzando nuevos


Figura 10


�� Filosofía de trabajo.

Una de las empresas que encuentro fascinante en cuanto a su filosofía de

trabajo es, sin duda alguna, Google.

La pregunta es ¿qué hizo google para lograr este rotundo éxito y como

logró penetrar en la mente del consumidor logrando ser número 1 en

buscadores a nivel mundial?, ¿a qué se debe su popularidad, y no sólo eso,

sino también la confianza depositada en la información que brinda?

Pues una de las razones, radica en su "escucha activa" a través de su

estrategia de diversificación de productos. Google llega a la mente del

consumidor, identifica que es lo que éste quiere y adapta sus productos

únicamente centrados en las necesidades de quien se encuentra al otro

lado de la pantalla.

- Resumiendo el decálogo del Vicepresidente Senior de operaciones

empresariales e investigador de Google, Urs Hölzle señala lo

siguiente para sus colaboradores:

1. Ideas no jerarquizadas: las ideas no proceden ni de los mandos

altos ni bajos o algún equipo específico. La innovación se incentiva a

TODOS y CADA UNO DE LOS NIVELES DE LA EMPRESA.

2. Free Thinking time: los ingenieros de Google tienen un día a la

semana para desarrollar sus proyectos propios, tienen la libertad

para trabajar independientemente sin algún régimen impuesto por

la compañía.

3. Proposals: cualquier empleado de Google puede colgar una

nueva idea sobre tecnologías o negocios en una lista electrónica de

propuestas.

4. Channeling ideas: utilizan una herramienta tecnológica para

canalizar las ideas y luego convertirlas en proyectos reales, que den


valor a la empresa.

5. Small teams: cuentan con grupos tres o cinco ingenieros para

lograr una mayor compenetración y confianza, y así crear y

comunicar eficientemente.

6. Horas open office: los ejecutivos de Google están obligados a

tener sus puertas abiertas dos a tres veces por semana.

7. Brainstorming ideas: se realizan tormentas de ideas ocho veces

al año con una participación de cien ingenieros entre internos y

externos.

8. Simple life: cumplen la promesa de simplicar la vida de los

usuarios.

9. Creativity land: crean un entorno de trabajo creativo y dan

libertad para que fluya la imaginación donde las reuniones

semanales sólo duran una hora y donde los colaboradores deciden

que herramientas les gusta más para sentirse más motivados.

10. Feedback: una vez lanzado el producto nuevo, con la

retroalimentación encuentran los errores detectados por los

usuarios y mejoran el siguiente producto.

En conclusión, Google apuesta por el capital humano, Google

permite que las personas eficientes se dirijan ellas mismas. Buscan

líderes que sepan motivar a sus colaboradores, y luego rotan entre

ellos para potenciar su liderazgo y generar un ambiente de

constante felicidad en el trabajo.

�� Curiosidades y el por qué de ellas.

¿Piscina o gimnasio en horas de trabajo en el complejo Google?

¿Chocolates, comida italiana, sushi en una cafetería de lujo con los

costes cubiertos por Google?,

lavandería?, ¿uso de patinetas a motor en sus instalaciones?

Pues sí señores, eso y mucho más es Google. Es la filosofía de

la Felicidad en el Trabajo

Figura 11


Curiosidades y el por qué de ellas.

¿Piscina o gimnasio en horas de trabajo en el complejo Google?


costes cubiertos por Google?, ¿servicio de guardería o incluso de



Felicidad en el Trabajo.


¿Piscina o gimnasio en horas de trabajo en el complejo Google? ,


¿servicio de guardería o incluso de



Figura 12

Figura 13

María Gala, Mónica Martín y Alba Torre.María Gala, Mónica Martín y Alba Torre.

estudio de los navegadores de internet 2 · procesos del navegador y que sólo deberíamos ......

Documents