La batalla de los navegadores

Recientemente estaba leyendo un artículo en Wired.com referente a que la batalla de los navegadores había vuelto a cobrar fuerza, incluyendo ahora a un nuevo contendiente llamado Vivaldi.

Decidí descargar el navegador y darle una probadita para ver si era en realidad tan eficiente como dicen que es.

De entrada, me pareció un fork de Opera, es decir, un programa desarrollado a partir del código fuente de otro, en este caso, un navegador a partir del código de otro navegador. Sin embargo, está muy lejos de igualar a Opera en el tiempo de carga de sitios web, aunque tiene un comportamiento decente.

El consumo de memoria está bastante decente. Con 3 pestañas abiertas, está consumiendo cerca de 90MB de memoria RAM.

Cabe mencionar que no es un release final, sino que aún está en desarrollo, ofreciéndo un Technical Preview para Windows, únicamente.

Pero, quise ir un poco más allá y hacer un poco más de pruebas en el mundo real, con test de CSS3 y HTML5, para ver qué tal andaba, y como hacía rato que no corría estos test sobre todos los navegadores, decidi hacer lo mismo con todos.

En esta ocasión, confronté las siguientes versiones de navegador:

  • Google Chrome Version 45.0.2454.99 m (64-bit)
  • Mozilla Firefox 40.03
  • Vivaldi versión 1.0.219.50 (Developer Build) (32-bit)
  • Opera versión 32.0.1948.25 (Stable)
  • Internet Explorer 11.0.9600.1794

El sistema operativo de la máquina es Windows 7 Professional 64-bits. El equipo cuenta con 8GB RAM DDR3 y procesador Intel Core i7-3250M @ 2.90 GHz

Hace mucho desterré Safari de mi computadora y no pienso volver a instalarlo, así que, no hice pruebas sobre ese navegador.

Los test que se ejecutaron son los siguientes:

  • CSS3: http://css3test.com/
  • HTML5: http://peacekeeper.futuremark.com/

Resultados

CSS3:

Este test hace pruebas extensivas de características básicas y avanzadas de CSS3:

  • Backgrounds and Borders
  • Image Values and Replaced Content
  • Selectors
  • Media Queries
  • Basic User Interface
  • Transitions
  • Animations
  • Transforms
  • Text
  • Text Decoration
  • Fonts
  • Writing Modes
  • Color
  • Multi-column Layout
  • Values and Units
  • Regions
  • Speech
  • Flexible Box Layout
  • Grid Layout
  • Box Alignment
  • Resetting All Properties
  • Conditional Rules
  • Masking
  • Compositing and Blending
  • Shapes
  • Exclusions
  • Filter Effects
  • Pointer Events
  • Full Screen API
  • Fragmentation
  • Positioning
  • Will Change
  • CSSOM View Module
  • Ruby
  • Scroll Snap Points
  • Logical Properties

Para los resultados, les dejo el nombre del navegador y el puntaje global en porcentaje. El orden es del mejor al peor. (no hace falta que mencione cuál es el peor de todos .. jeje)

  • Mozilla Firefox: 55%
  • Opera: 53%
  • Google Chrome: 52%
  • Vivaldi: 52%
  • Internet Explorer: 45%

HTML5:

Para el test de HTML5, usé la herramienta Peacekeeper, quien se hace llamar a sí mismo “The Universal Browser Test”. Aunque se dice que esta herramienta ya no es soportada por sus desarrolladores, aún está activa y funcional al 100%.

El test realiza pruebas mayormente de generación de video usando las nuevas características de reproductor de video embebido de HTML5, renders en 3D, reproducción de videos codificados con Theora y WebM, además de la posibilidad de los navegadores de trabajar en múltiples tareas de forma simultánea.

En este caso, el resultado no se muestra en porcentajes sino en puntaje total, y digo además de las capacidades de HTML5 probadas, cuántas lograron ser superadas.

  • Google Chrome: 3460 puntos, 7/7
  • Mozilla Firefox: 1981 puntos, 7/7
  • Vivaldi: 1603 puntos, 6/7
  • Opera: 1538 puntos, 7/7
  • Internet Explorer: 788 puntos, 5/7

Me sorprendió que tristemente Opera haya decaído tanto, cuando hace poco más de 1 año, era el único navegador que podía ejecutar al 100% todas las caracteristicas de CSS3, sin embargo, los lenguajes han venido evolucionando para ofrecernos una experiencia más rica en Web, pero los navegadores no están a la altura de todas las funcionalidades de los lenguajes.

Les invito a ejecutar los mismos test y compartir sus resultados.

  • CSS3: http://css3test.com/
  • HTML5: http://peacekeeper.futuremark.com/

Leave a Reply

Your email address will not be published. Required fields are marked *