Actividad 1. Comparativa y análisis de navegadores web.

Tu trabajo consiste en comparar el rendimiento de una serie de navegadores web y realizar un

estudio comparativo entre ellos, realizando gráficos y redactando tus propias conclusiones.

Para llevar a cabo este estudio, vamos a comparar el rendimiento de 8 navegadores web en
Windows 10. Para realizarlo correctamente, tendremos el mínimo de procesos ejecutándose
en el ordenador, teniendo cuidado de realizar las pruebas siempre en igualdad de condiciones
en todos los navegadores. Utilizaremos siempre las últimas versiones de cada navegador.
Empezaremos el estudio con una tabla con las características del ordenador utilizado: memoria
ram, cpu, disco duro, tarjeta gráfica, velocidad de acceso a internet, etc

Primero de todo y para empezar el estudio, haz la siguiente pregunta y refleja la respuesta en
tu trabajo: ¿qué navegador crees que es el mejor de todos? Al final del estudio
comprobaremos si estás en lo cierto.

A continuación, realiza el estudio completo con gráficas parecidas a las que aparecen abajo.
Por último, realiza un comentario personal crítico explicando todas las conclusiones derivadas
del estudio realizado.

El trabajo puede ser individual o en grupo (máx 4 personas). En este último caso, cada uno se
puede encargar de un par de navegadores y posteriormente unificar las pruebas y resultados
en un mismo documento.

1. NAVEGADORES QUE ANALIZAREMOS (elegir 8 de ellos)

MOZILLE FIREFOX
mozilla.org
GOOGLE CHROME
google.com/intl/es_es/chrome/
EDGE

TOR
torproject.org
OPERA
opera.com
VIVALDI
vivaldi.com
CHROMIUM
chromium.woolyss.com
QUPZILLA
qupzilla.uptodown.com

Juan Carlos Torres Aplicaciones Web

 2. ASPECTOS A ESTUDIAR

• Rendimiento con JavaScript (I) JetStream

http://browserbench.org/JetStream/
• Rendimiento con JavaScript (II) Kraken
https://mozilla.github.io/krakenbenchmark.mozilla.org/
• Rendimiento con html5 (I) html5test
https://html5test.com
• Rendimiento con html5 (II) Antutu test
https://www.antutu.com/html5/
• Consumo de memoria principal. Medimos la memoria usada antes de abrir el
navegador y medimos la memoria usada justo después de abrir el navegador, y se hace
la diferencia.
• Consumo de memoria principal con 10 pestañas abiertas. Similar al anterior, pero
esta vez medimos el consumo de memoria después de abrir 10 pestañas
anormalmente cargadas de contenidos, y siempre las mismas pestañas para todos los
navegadores (youtube, Netflix, marca, Wikipedia, ….. así hasta 10)
• Tiempo en abrir el navegador (se cronometra el tiempo exacto que se tarda desde
que se hace doble clic en la app hasta que aparece en pantalla)
• Tiempo en abrir completamente una página web pesada. Elige una página web que
suela tardar mucho en cargar (elpais, marca, etc) y cronometra desde que se pulsa la
tecla INTRO hasta que el navegador termina de cargar la última imagen. Realiza esa
misma prueba en todos los navegadores.

3. ¿QUÉ HAY QUE HACER Y PRESENTAR?

Hay que realizar un documento de texto utilizando Word o Writer, realizando un documento
con una presentación cuidada, con cabeceras y pies de páginas, portada, cuidando las
tipografías y aspecto del documento. Y por supuesto, presentando la siguiente
documentación:

• Predicción inicial: consiste en hacer un breve comentario según tu experiencia o según

lo que hayas leído, sobre cuál crees que sería el mejor navegador según el sistema
operativo donde se vaya a utilizar y según el uso que se le vaya a dar. Este comentario
inicial se realiza una sola vez en todo el documento.

• Datos iniciales: aquí debes detallar todo el hardware utilizado. Puedes utilizar
Sisoftware Sandra o similar. Anota todo lo concerniente a la placa base, cpu, memoria,
disco duro, y velocidad de acceso a internet utilizado (utiliza para ello
https://speedof.me).

• Tablas de datos, gráficos y capturas de pantalla: esto se repite para cada uno de los
aspectos a estudiar del apartado 2.

Juan Carlos Torres Aplicaciones Web

 a) Debemos incluir por un lado una tabla con los resultados obtenidos en todos los
navegadores estudiados en ese estudio. Dado que esto lo debemos hacer en una
hoja de cálculo, basta con que se haga una captura recortada de la tabla que
recoge los datos

Por ejemplo:
(nota: los valores aquí representados han sido
inventados)

b) A continuación, se pondrá un gráfico que represente esos valores y se pueda

comparar visualmente el rendimiento de todos los navegadores para esa prueba.
Es obligatorio que todos los gráficos se hagan de igual manera, del mismo tipo (en
columnas) y que incluyan exactamente todos los navegadores que son objeto del
estudio, como en el ejemplo. Además, es importante que aparezca si los mejores
resultados se obtienen con valores mayores o menores, la leyenda con los
nombres de los navegadores, el título del gráfico y la regla de la izquierda con la
escala de valores.

Jetstream
(Valores más altos son mejores)

140

120

100

80

60

40

20

0
Edge Firefox Chrome Tor Opera Vivaldi Maxthon

c) También hay que presentar una captura a pantalla completa del test realizado y
finalizado, para que quede constancia de la correcta realización del test.

Juan Carlos Torres Aplicaciones Web

Y todo esto (apartados 3a, 3b y 3c) hay que hacerlo para cada navegador, insertando la captura
de la tabla de datos, gráfico y pantalla de prueba de resultados. Las capturas de pantalla de las
pruebas tienen que ser A PANTALLA COMPLETA.

Los gráficos, las tablas y las capturas de pantalla deben ser de un tamaño generoso,
que se vean con claridad y transparencia los datos obtenidos.

4. CONCLUSIONES
Para finalizar el documento, debes realizar un amplio y detallado estudio en el que se
analicen todos los resultados obtenidos, haciendo un estudio sobre el mejor o peor
navegador en cuanto a memoria consumida, recursos utilizados, y respuesta en
general del navegador según el tipo de páginas visitadas o el sistema operativo
utilizado. También debes comparar este resultado final con la predicción inicial que
hiciste al comienzo del documento y ver si se ha cumplido o por el contrario el
rendimiento real de los navegadores no es como tú pensabas.

5. ENTREGA DEL TRABAJO

El documento, debes guardarlo en formato PDF y enviarlo como archivo adjunto a la
tarea. Es obligatoria una portada con el nombre del autor (o autores en caso de ser un
grupo) entre otros datos (nombre IES, ciclo, módulo, año, etc)

Hay que tener cuidado con la presentación del documento porque también cuenta
para la nota. Presta atención a las faltas de ortografía, los márgenes, el orden y
claridad de los apartados, las cabeceras, pies de página, tipografías homogéneas y
colores elegantes, la claridad y tamaño en las capturas de pantalla, la numeración de
páginas, la portada, la redacción, etc.

Juan Carlos Torres Aplicaciones Web