Posts Tagged ‘Firefox’

Firefox 4 vs Opera 11 vs Chrome 10 vs IE9 vs Safari 5

chrome ie9 firefox logos together Firefox 4 vs Opera 11 vs Chrome 10 vs IE9 vs Safari 5

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:

  • Las cuatro pruebas de desempeño HTML, Canvas, SVG y Flash desarrolladas por The Man In Blue en sus versiones default y añadiendo el parámetro ?particles=1000.
  • Quadratic Curve Fill – Animación muy sencilla basada en Canvas.
  • HTML5Test – Esta no es una prueba de desempeño per se; es una prueba de compatibilidad con estándares de la W3C y muy buena métrica para identificar que navegadores los cumplen mejor.
  • C5Bench – Otra prueba de desempeño Canvas y HTML5, inicialmente desarrollada para ser probada en Smarthphones pero sirve de igual manera.
  • rwBench – Prueba 100% Javascript, HTML5 y Canvas desarrollada por Shane Warden
  • Peacekeeper de Futuremark

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:

Resultados

The Man In Blue (default)

Firefox 4Opera 11.01Chrome 10.0.648.151IE9Safari 5.0.4
HTML5917415787160
Canvas10015716118895
SVG85015415962
Flash606040278960

The Man In Blue (1000 particulas)

Firefox 4Opera 11.01Chrome 10.0.648.151IE9Safari 5.0.4
HTML298913040163
Canvas891031079463
SVG2.8320846938
Flash604050250840

Pruebas de JS, Canvas y HTML5Test

Firefox 4Opera 11.01Chrome 10.0.648.151IE9Safari 5.0.4
QuadraticCurve Fill1001003232223386
C5Bench109910976275041098
HTML5Test255234288130187
rwBench117702164230999893117733
PeaceKeeper6857153961454297136892

Aceleración por Hardware

Firefox 4Opera 11.01Chrome 10.0.648.1515IE9Safari 5.0.46
Asteroid Belt (10)76042326016
FishIE Tank (1000)76045602
SpeedReading7601425606
Graphics Acelebration73560556043

Conclusiones

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.

Notas

  • 1 Tanto IE9 como Opera realizan la prueba pero no muestran los resultados correctamente; muestran partículas cuadradas en lugar de circulares.
  • 2 Usando la versión de Flash built-in en Chrome que muestra resultados muy diferentes a otros navegadores.
  • Por alguna razón la versión de Flash en todos los navegadores parece estar limitada a 60FPS mientras que la versión de Internet Explorer 9 no muestra tal limitante.
  • 3 Imposible realizar la prueba en IE9.
  • 4 Opera inicia con un framerate muy alto, mayor a 900FPS y a medida que pasa la prueba el desempeño se va reduciendo drásticamente. Internet Explorer muestra un comportamiento similar mientras que los otros navegadores no. Después de 2 horas de prueba el framerate parece estabilizarse y el resultado estable sin cambios es el aquí presentado.
  • 5 Chrome se ha probado sin activar las opciones de aceleración por hardware en about:flags (GPU Accelerated Compositing y GPU Accelerated Canvas 2D). Si se activaran los resultados son los mismos que IE9.
  • 6 Imposible realizar la prueba; Safari se congela cada ~3 segundos antes de mostrar algún tipo de animación. “Solución“: Hacer clic constantemente en cualquier lugar de la página hace del movimiento constante.
  • 7 Todas las pruebas de aceleración por hardware de Microsoft están limitadas a un máximo permisible de 60FPS.

Por • March 22, 2011 • Postear a Twitter •

Firefox 4 Beta para Android, Maemo

Firefox for Mobile Firefox 4 Beta para Android, Maemo

El día de hoy fue liberada la primera beta de Firefox 4 para móviles, antes llamado Fennec, en dispositivos Android y Maemo.

Debemos de recordar que el navegador aún se encuentra en etapa beta y la lista de dispositivos soportados actualmente es algo limitada y solo se ha probado en dispositivos nuevos.

Para eliminar las barreras entre la web de escritorio y la web móvil el navegador incluye Firefox Sync; la misma extensión que ya existe para Firefox de escritorio que nos permite sincronizar nuestras preferencias, bookmarks, historial y contraseñas en la nube para que se encuentren disponibles desde cualquier ordenador que usemos para acceder a Internet.

Leer Más

Por • October 7, 2010 • Postear a Twitter •

Novedades con las Dos Últimas Betas de Firefox

Mozilla Firefox ha sacado al público sus versiones beta para la cuarta entrega de su navegador desde hace ya algunos meses, la más reciente es la beta 4 y nos trae “Panorama” además de aceleración por hardware.

Cabe resaltar que la aceleración por hardware sólo esta disponible para Windows 7 además de añadir soporte para la propiedad video-buffered de HTML5.

La gran novedad con esta reciente entrega es “Panorama” que antes conocíamos como Tab Candy, ésta se trata de una manera muy atractiva de mirar y rápidamente cambiar entre nuestras pestañas abiertas agrupándolas como nosotros queramos, esto nos sirve mucho a la gente que nos encanta tener miles de pestañas abiertas al mismo tiempo.

Lmenu act Novedades con las Dos Últimas Betas de Firefoxa aceleración por hardware, cómo ya lo conocemos, se trata de acelerar el renderizado de las páginas (texto y gráficos) más rápidamente usando nuestro chip o tarjeta gráfica.

En cuanto a la propiedad video-buffered de HTML5 que ahora es soportada, Firefox ahora es capaz de determinar que partes de un video nativo web pueden reproducirse sin tener que pausar para esperar a que se carguenb más datos, lo que significaría mostrar una línea de avance no linear que nos muestra que partes del video están disponibles.

También sabemos hasta ahora que introducirán un menú de dos columnas para la beta 5, lo cuál puede afectar o no hacerlo mucho depende su percepción, pero es sólo un pequeño cambio de interfaz hasta ahora que se ha mostrado en la beta 5 pre del navegador.

Por • August 24, 2010 • Postear a Twitter •

Firefox 4 beta 3 disponible

Firefox Firefox 4 beta 3 disponibleYa 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 3IE9 Preview 4
Psychedelic Browsing17541890
Hamster Dance Revolution60 fps60 fps
SVG Dice306013410
Amazon Shelf60 fps60 fps
FishIE Tank (1000)33 fps36fps

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 devIE9 Preview 4Firefox 4 Beta 1Firefox 4 Beta 2Firefox 4 Beta 3
QuadraticCurve Fill24867101100103
Canvas 3D testND3ND1ND1ND1ND1
C5Bench2748Nota2108410881093
Penrose Tillling0.961 sec1.436 sec0.95 sec0.988 sec0.96 sec
Animation Benchmark (HTML)45443161111
Animation Benchmark (Canvas)606610070100
Animation Benchmark (SVG)4466555
Animation Benchmark (Flash)6060606060

Notas

  • 1 El servidor no se encuentra disponible por lo cual no fue posible realizar la prueba.
  • 2 C5Bench arrojo un error de script, por lo cual no fue posible compararlo en IE9.
  • 3 La animación muestra cuadros en lugar de círculos al utilizar IE9.

Por • August 11, 2010 • Postear a Twitter •

Firefox 4 beta 2 disponible

title Firefox 4 beta 2 disponibleLa versión beta más reciente de Firefox ha sido liberada el día de hoy con la inclusión de las tan esperadas App Tabs. Las App Tabs o pestañas de aplicaciones son pequeñas pestañas de tamaño reducido que se sientan en la parte izquierda de la barra de pestañas y están pensadas para residir de manera semi-permanente sin ocupar tanto espacio en pantalla por lo cual podemos dejar nuestras aplicaciones web más utilizadas abiertas y contar con un acceso rápido a las mismas.

La aceleración por hardware sigue siendo experimental y esta desactivada por default y basta con seguir algunos sencillos pasos para activarla, aunque en mis propias pruebas  no estoy obteniendo el mismo desempeño que con la beta 1. No sé si esto se deba a una actualización de drivers de ATI o que el desempeño en verdad se ha visto comprometido con esta beta nueva.

Firefox 4 Beta 1IE9 Preview 3IE9 Preview 3 (Intel 945GM)Firefox 4 Beta 2
Amazon Shelf60 fps60 fps41 fps60 fps
FishIE Tank (1000)30 fps26 fps7 fps8 fps
Mr. Potato Gun60 fps60 fps49 fps60 fps
Asteroid Belt (10)60 fps60 fps47 fps60 fps

En las diferentes pruebas que realizo constantemente  a navegadores Firefox 4 Beta 2 está mostrando un desempeño por debajo al de la beta anterior, y si bien sigue siendo más rápido que las versiones de Firefox 3.6.x muchos de los avances que se habían efectuado en manera de velocidad ahora se han visto rezagados.

Chrome 6.0.437.3IE9 Preview 3Firefox 4 Beta 1Firefox 4 Beta 2
QuadraticCurve Fill25066101100
Canvas 3D test1189160ND3
C5Bench2747Nota210841088
Penrose Tillling0.96 sec1.435 sec0.95 sec0.988 sec
Animation Benchmark (HTML)4548*1611
Animation Benchmark (Canvas)526610070
Animation Benchmark (SVG)446655
Animation Benchmark (Flash)60606060

Inclusive en Peacekeeper Firefox 4 Beta 2 muestra un resultado ligeramente menor al de la primera beta, con lo cual se ubica en una posición inferior, siendo Chrome, como es costumbre, el navegador más rápido seguido muy de cerca por Opera.

PK Firefox 4 Beta 2 Firefox 4 beta 2 disponible

Esperemos que para la próxima beta de Firefox 4 el rendimiento sea mejorado y se agradece la implementación de transiciones CSS3 y App Tabs. Como siempre mis resultados se encuentran disponibles en Google Docs.

Notas

  • 1 En el Canvas 3D Test la prueba se registró pero IE9 no presento la animación correspondiente, aun asi si desempeño fue muy bajo.
  • 2 C5Bench arrojo un error de script, por lo cual no fue posible compararlo en IE9.
  • 3 El servidor no se encuentra disponible por lo cual no fue posible realizar la prueba.

Por • July 27, 2010 • Postear a Twitter •

Firefox con Tab Candy

Tab Candy es una nueva herramienta para la administración de pestañas en Firefox la cual nos permite agrupar diferentes pestañas de acuerdo a nuestros gustos, preferencias, similitudes o uso, además de que la interfaz es bastante intuitiva.

En el video aquí incluido uno de los diseñadores de interfaz de Mozilla, Aza Raskin, nos muestra la utilización de la nueva herramienta. Podríamos decir que la idea tiene algo inspirado en la manera en que se manejan las carpetas de aplicaciones en el iPhone y la agrupación de ventanas de Exposé. Tab Candy nos permite crear grupos, y dentro de esos grupos conjuntos, además de poder asignarles nombres para una fácil identificación.

Para ser una versión alfa la herramienta funciona bastante bien y por lo mismo aún carece de ciertas características como lo son búsqueda de pestañas, creación automática de grupos, o la habilidad de compartir grupos.

Para todos los que quieran hacer uso de esta alfa de Tab Candy antes de que sea lanzada pueden descargarla directamente de los servidores FTP de Mozilla.

Por • July 26, 2010 • Postear a Twitter •

Guía: Como acceder a Hulu sin utilizar un proxy

hulu Guía: Como acceder a Hulu sin utilizar un proxy

Hasta ahora muchos de los métodos que existen para acceder a Hulu, y funcionan muy bien por cierto, requieren de la utilización de un servidor proxy, VPN, o similar, ubicado en Estados Unidos para poder tener acceso al servicio.

El método que les comparto a continuación no requiere ningún tipo de servidor externo y nos servirá para poder acceder al contenido de Hulu y de paso al de muchas otras webs las cuales limiten su contenido a sitios de Estados Unidos.

Requerimientos

Bloqueando puertos

El cliente Flash de Hulu por defecto intenta comunicarse directamente con nuestros ordenadores por medio del puerto RTMP (1935); al bloquearlo y no obtener acceso mediante este se utilizara el puerto HTTP como cualquier otro sitio.

Linux

Para bloquear el puerto 1935 en Linux/Unix bastara con abrir una ventana de Terminal y utilizar los siguientes comandos:

sudo iptables -A INPUT -p tcp --dport 1935 -j DROP
sudo iptables -A INPUT -p udp --dport 1935 -j DROP

Mac OS X

En Mac OS X el procedimiento es bastante similar al utilizado en Linux, los comandos a ingresar en la ventana de Terminal deberán ser los siguientes:

sudo ipfw add 0 deny tcp from any to any 1935
sudo ipfw add 0 deny udp from any to any 1935

Routers con Tomato o DD-WRT

En mi router tengo instalado un firmware no oficial de nombre DD-WRT, este está basado en Linux y permite ingresar ciertos comandos mediante cualquier sesión Telnet o SSH y podemos bloquear los puertos directamente desde el router con los siguientes comandos:

iptables -t nat -A PREROUTING -p tcp --dport 1935 -j DROP
iptables -t nat -A PREROUTING -p udp --dport 1935 -j DROP

Windows

Usuarios de Windows, favor de leer este tutorial que he escrito debido a que el proceso no es tan sencillo como en otros sistemas operativos.

Usando Modify Headers

Una vez bloqueado el puerto 1935 y con el add-on Modify Headers instalado ha llegado la hora de utilizarlo. Primeramente debemos ir al menú de Tools (Herramientas)>Modify Headers.

ModifyHeaders Guía: Como acceder a Hulu sin utilizar un proxy

Del lado superior izquierdo de la ventana se encuentra un menú desplegable, deberemos seleccionar Add. Una vez seleccionado se activaran tres campos en los cuales deberemos escribir lo siguiente:

  1. En campo izquierdo escribir: X-Forwarded-For
  2. En el campo de en medio escribir la IP de un servidor en Estados Unidos. Para este ejemplo utilizare un servidor de Google: 74.125.227.18
  3. El ultimo campo es para comentarios, podemos escribir alguna descripción o dejarlo en blanco.
  4. Ya llenados los campos dar clic en el botón de Add.
  5. En la parte inferior derecha hacer clic en el botón de Configuration.
  6. Seleccionar “Always On: Enable Modify Headers when the window/tab is closed”.
  7. Por último, cerrar la ventana de Modify Headers.

Si bloquearon sus puertos correctamente y añadieron correctamente la regla de Modify Headers ya pueden acceder a Hulu y disfrutar de su contenido sin problemas.

Notas

Este método funciona por ahora. Es muy posible que Hulu trate de bloquearlo en el futuro; por ejemplo es posible que inicien a bloquear los servidores de Google y tendremos que cambiar la IP que utilizamos en Modify Headers. O es posible que en el futuro utilicen otro puerto diferente al 1935 por lo cual tendremos que bloquear el nuevo puerto utilizado.

Es posible que este método pueda interferir con la visualización de Flash en otros sitios; aun no lo he verificado.

Por último, si pueden visualizar los comerciales, pero no pueden ver video alguno entonces sus puertos no han sido bloqueados correctamente.

Por • July 19, 2010 • Postear a Twitter •

Firefox Home: Firefox Sync en tu iPhone/iPod Touch

logo 300x300 Firefox Home: Firefox Sync en tu iPhone/iPod TouchLos chicos de Mozilla han anunciado que el día de ayer sometieron a revisión en la App Store de Apple una aplicación llamada Firefox Home.

Por desgracia la aplicación no es un navegador móvil, yo esperaba una versión de Mozilla Fennec pero esto es algo totalmente ajeno; Firefox Home es una aplicación completamente gratuita la cual nos permitirá acceder a nuestros sitios favoritos, historial de navegación, bookmarks e inclusive pestañas abiertas en nuestro Mozilla Firefox de escritorio.

Para poder hacer uso efectivo de esta aplicación en nuestro navegador de escritorio será necesario utilizar la extensión  Firefox Sync, la cual nos permite sincronizar nuestra instalación de Firefox en diferentes computadoras. Firefox Home utilizara esa información y la sincronizara para poder ser accesible mediante Mobile Safari.

La información se encontrara lista para ser visualizada en nuestros teléfonos cuando queramos, en el momento y lugar deseado.

Ahora si tan solo pudieran añadirle funcionalidades similares al “Chrome to Android” que Google demostró el pasado Google I/O 2010 la aplicación sería más que perfecta.

Por • July 1, 2010 • Postear a Twitter •

Aceleración por hardware: Firefox 4 Beta 1 vs Internet Explorer 9 Preview 3

FishIE Tank Aceleración por hardware: Firefox 4 Beta 1 vs Internet Explorer 9 Preview 3

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.

La aceleración por hardware depende del hardware principalmente

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 1IE9 Preview 3IE9 Preview 3 (Intel 945GM)
Amazon Shelf60 fps60 fps41 fps
FishIE Tank (1000)30 fps26 fps7 fps
Mr. Potato Gun60 fps60 fps49 fps
Asteroid Belt (10)60 fps60 fps47 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.

Por • June 29, 2010 • Postear a Twitter •

Page 1 of 3123

Social Media

Logit42, Rapidamente...

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