Archivo para ‘Web’ Category
Rendimiento de Navegadores [Inicio 2012]
Poco a poco el navegador web se está haciendo la herramienta principal en cualquier plataforma. Los servicios web en la nube y el revolucionario concepto Cloud Computing están ayudando a que el navegador sea imprescindible.
En la actualidad los adelantes tecnológicos en el campo online hacen que los navegadores queden anticuados muy rápidamente y el reciente “boom” de HTML5 hizo el resto. Cualquier navegador actual debe cargar las páginas web siguiendo los estándares W3C y además de la forma más rápida posible para que el usuario disponga de total soltura para navegar por Internet independientemente de la plataforma. A esto debemos sumarle la seguridad, un navegador debe ofrecer seguridad para evitar el malware residente en Internet, aunque en muchas ocasiones un exceso de seguridad ralentiza el funcionamiento del navegador ya que aumenta su complejidad.
En la plataforma Windows, arriba de todo pelean 5 navegadores: Firefox, Chrome, Internet Explorer, Safari y Opera. Todos ellos están adaptados a los últimos estándares, aunque no todos los cumplen al cien por cien. Cada navegador utiliza un motor de renderizado diferente, excepto Chrome y Safari (ambos usan WebKit), también utilizan un motor JavaScript diferente.
En este grafico podemos comparar el rendimiento de los diferentes navegadores que han sido probados mediante una serie de pruebas para probar su eficiencia en HTML5, JavaScript y Navegación, mediante el benchmark PeaceKeeper.
Las pruebas han sido hechas sobre un procesador I7 2600k con 8GB de RAM, la versión de Windows elegida ha sido Windows 7 Professional de 64 bits.
En este grafico podemos observar que Chrome, como siempre, se lleva el trofeo, seguido por Opera, quien no puede alcanzar la puntuación total debido a que no reproduce videos en HTML5. El resto de navegadores se queda muy por detrás, y Firefox en ultima posición.
Estas pruebas han sido realizadas en un Netbook con procesador Intel Atom N455 y 1GB de RAM, la distribución Linux elegida ha sido Xubuntu 11.10 de 32 bits.
Chrome otra vez más se mantiene arriba, Opera otra vez detrás y Firefox otra vez último, incluso adelantado por Midori, el cual dio error por algún tipo de incompatibilidad con HTML5.
Ninguno de los navegadores fue capaz de reproducir video en HTML5 debido a la falta del códec necesario.
Después de ver estas dos graficas podemos llegar a la conclusión de que Chrome sigue siendo el más rápido, de que Firefox se está quedando atrás y que Opera mantiene un buen nivel.
Puedes encontrar comparativas anteriores en: ¿Que navegador es el mas rapido?
Instalacion de EyeOS 2.4
EyeOS es lo que se viene llamando en la actualidad un “sistema operativo en la nube” (aunque no apoyo la definición, la pongo). EyeOS ofrece al usuario un escritorio como si de un sistema operativo local se tratase, donde el usuario puede guardar sus configuraciones y sus archivos, pero con la diferencias de que EyeOS se instala en un servidor web y es accesible desde cualquier ordenador que tenga conexión a Internet.
EyeOS es una aplicación dedicada a los usuarios, pero su instalación no está al alcance de todos los usuarios. Su instalación requiere conocimientos en administración de servidores además de un servidor ya sea local o en Internet donde poder instalar la aplicación.
Lo primero que debemos hacer es descargar la aplicación desde su página web oficial: http://www.eyeos.org/downloads/download-eyeos/. Después debemos descomprimir el archivo que nos descargamos para acceder a los archivos de la aplicación.
Lo siguiente que tenemos que hacer es subir los archivos al servidor web mediante un cliente FTP, el cliente Filezilla es una buena opción, además es compatible con bastantes plataformas.
Una vez subidos todos los archivos, tenemos que asignarles a todos permisos CHMOD 777, este es un paso importante, si no lo hacemos podremos continuar con la instalación, pero cuando se complete no podremos acceder a la aplicación y tendremos que reinstalar.
El servidor debe tener instalado Apache, PHP y MySQL, la versión de PHP debe ser la 5 o superior, además nuestro servidor debe cumplir varios requisitos, son los siguientes:
- Módulo de Apache Mod_rewrite activado
- Módulo de Apache Curl activado
- Extension GD instalada
- Extension Mbstring instalada
- Extension Mcrypt instalada
- Extension MySQL instalada
- Extension MySQLi instalada
- Extension SQLite instalada
- Extension PDO instalada
- Driver PDO MySQL instalado
- Driver PDO SQLite instalado
- Soporte JSON
- Python instalado
- Python uno instalado
- Php.ini memory_limit: Mas de 128MB
- Php.ini allow_url_fopen: Activado
- Php.ini safe_mode: Desactivado
- Php.ini short_open_tag: Activado
- Php.ini file_uploads: Activado
- Exiftool instalado
- Zip instalado
- Unzip instalado
- Soffice instalado
Si nuestro servidor cumple todos estos requisites podemos proceder con la instalación dándole a la flecha “Continue with the installation”.
Ahora debemos insertar los datos de conexión a la base de datos MySQL, completamos el formulario y abajo debemos configurar la contraseña de administración de EyeOS, también la completamos y le damos a continuar.
Saldrá un mensaje donde pone que se está instalando el sistema, después saldrá la confirmación de que el sistema se ha instalado correctamente. Por seguridad debemos borrar la carpeta “install”, para prevenir que nadie tenga acceso a la configuración de nuestro EyeOS.
Ahora podemos entrar al sistema mediante la cuenta “root” y la contraseña que hemos definido durante el último paso de la instalación.
Chromium vs Google Chrome
Mucha gente no sabe que Chromium es el proyecto padre de Google Chrome, Google adapta y mejora su propia versión con base Chromium añadiéndole diversas mejoras de estabilidad y funciones.
Las versiones de Chromium para Linux son muy conocidas, ya que cada distribución la modifica a su gusto para incluirla en sus repositorios o instalación, pero las versiones para Windows son menos conocidas y no se distribuyen de forma oficial con instalador, sino que hay que descargar el código fuente de los repositorios del proyecto y compilar el programa siguiendo las instrucciones que especifican en la página del proyecto. Las principales diferencias entre Google Chrome y Chromium son estas:
- Google añade a su versión un sistema de reporte de errores y feedback para mejorar la experiencia de los usuarios basándose en sus propios reportes.
- De forma predefinida Google Chrome aísla los procesos para evitar cuelgues del navegador debido al cuelgue de una sola pestaña o web. En Chromium es opcional.
- Google Chrome da soporte a los códecs AAC, MP3, Vorbis, Theora y WebM, todos mediante etiqueta, mientras que Chromium da soporte a los códec libres Vorbis, Theora y WebM.
- Google Chrome incluye un actualizador para disponer siempre de la última versión estable, Chromium aún no ha implementado esta opción.
- El logo cambia, Google Chrome tiene un logo colorido de tres colores, Chromium tiene un logo con tres azules, ambos tienen la misma forma.
- Google Chrome recolecta información sobre la navegación del usuario para los informes de Google, Chromium no hace esto.
- Google Chrome dispone de lector de PDF integrado en la instalación por defecto, Chromium aún no dispone de esta ventaja.
- Google Chrome incluye Adobe Flash integrado en la instalación por defecto, Chromium aún no dispone de esta ventaja.
- Google Chrome mantiene siempre activo el Sandbox para prevenir que código malintencionado modifique nuestro sistema, en Chromium la opción puede estar habilitada o no dependiendo del compilador.
- La diferencia más importante es que Chromium es libre y el código está disponible para cualquier usuario, sin embargo Google Chrome como su nombre indica es propiedad de Google.
Estas son las principales diferencias que existen entre los dos navegadores, por otro lado está el rendimiento. En este caso los dos navegadores están demasiado igualados como para decantarse por uno en concreto. Los resultados de los tres test realizados a los dos navegadores son los siguientes:
(Las versiones utilizadas para el test son Google Chrome 10.0.648 Dev y Chromium 11.0.666 Dev)
En el benchmark de Peacekeeper podemos observar como Chromium se lleva el gato al agua, pero por muy pocos puntos. Hay que mencionar que el test reconoce a Chromium como si fuera Chrome, pero aclarar que la barra azul es la de Chromium y la naranja la de Google Chrome.
En los dos Benchmark anteriores podemos ver también que los dos navegadores están igualados, pero que en ambos Chromium gana por muy poco.
Los benchmarks han sido realizados sobre un portátil con procesador Intel I5 430 a 2,27Ghz, 4 Gb de Memoria RAM DDR1333 y grafica Nvidia G105M de 512MB, con sistema operativo Windows 7 Home Premium de 64 bits.
Conclusión: No existen razones de peso para utilizar uno u otro navegador, es simplemente preferencia personal, los usuarios que apoyen el software libre utilizaran Chromium, el usuario medio convencional utilizara Chrome, ambos tendrán la misma experiencia en el uso del navegador.
¿Que navegador es el mas rapido?
Actualmente los principales navegadores web están mejorando cada vez mas su rendimiento y estabilidad, así como también su seguridad.
Webkit ha mejorado mucho mas que el resto de motores de renderizado, Google Chrome tiene mayor rendimiento que Safari, ambos usando Webkit como base. Esto demuestra el gran trabajo en tan poco tiempo que hay detrás de Google Chrome.
Por otra parte el motor de renderizado Presto de Opera alcanza unos impresionantes resultados en las pruebas, pero aun así Opera no tiene gran aceptación entre los usuarios de Internet.
Gecko de Mozilla sigue dando bastante guerra, pero se ha quedado atrás en rendimiento comparándolo con los nuevos navegadores.
Firefox se ha convertido en un navegador muy usado y con muchas posibilidades de ampliación mediante plugins, pero a su vez es lento y tiene bastantes fallos de estabilidad. Chrome sigue subiendo, tiene un buen rendimiento y buena estabilidad, también tiene muchas posibilidades de ampliación mediante plugins. Opera es un navegador de calidad, es estable, fiable y funcional, ademas tiene muchos extras, pero a diferencia de los otros navegadores, su cuota de mercado es muy baja comparada con el tiempo que lleva en el mercado. Safari tiene el mismo corazón que Google Chrome, pero no puede disfrutar de su rendimiento, ademas es una navegador de código cerrado desarrollado por el gigante Apple. Internet Explorer es, por llamarlo de alguna manera, una navegador pesado, en las pruebas siempre tiene los peores resultados, su motor de renderizado Trident es deprimente, y es inexplicable como puede tener tan poco rendimiento.
En el siguiente benchmark se pueden observar las pruebas de rendimiento y renderizado realizadas a los cinco principales navegadores. Las versiones utilizadas han sido las siguientes:
- Google Chrome 8.0.552.237 Estable
- Opera 11.01
- Safari 5.0.3
- Firefox 3.6.13
- Internet Explorer 9.0.7930 Beta*
*Nota: La versión utilizada de Internet Explorer es Beta, seria obvio pensar que esto seria una ventaja injusta para Internet Explorer, pero en contra a todo lo que se puede pensar, Internet Explorer aun así ha obtenido unos resultados nefastos y ha quedado ultimo de forma aplastante.
El equipo usado en los benchmark fue un portatil con procesador Intel I5 430 a 2,27Ghz, con 4GB de RAM DDR3 a 1333 y gráfica Nvidia G105M de 512MB. El sistema operativo es Windows 7 Home Premium x64. Se ha utilizado Windows para las pruebas ya que todos estos navegadores desarrollan mayor rendimiento sobre este sistema operativo, ademas ni Internet Explorer ni Safari tienen versiones nativas para Linux.
Como podemos observar, el test de rendimiento lo gana Opera, seguido de cerca por Google Chrome, mas atrás se encuentra Safari, y en el final se encuentran Firefox, que ha sido un gran navegador pero ahora mismo se ha vuelto muy pesado e Internet Explorer en ultima posición.
Audio.js, un reproductor en HTML5
Poco a poco HTML5 se va haciendo un hueco en nuestros navegadores, en la actualidad prácticamente todos los navegadores y sus motores de renderización soportan HTML5 plenamente, aunque a HTML5 aún le queda mucho tiempo para terminar de madurar.
Audio.js es una librería que permite al usuario integrar en su página web un reproductor de audio creado en HTML5 y Javascript, mejorando lo ofrecido por la etiqueta <audio />. Además, en caso de que el navegador del usuario no disponga de soporte para HTML5, se insertara un reproductor en flash en su lugar. Lamentablemente solo soporta archivos en formato MP3.
El reproductor puede ser modificado mediante la edición de la hoja de estilo CSS, esto lo convierte en una herramienta muy flexible, un ejemplo es esta demo: http://kolber.github.com/audiojs/demos/test6.html, donde podemos ver cómo se puede realizar una lista de reproducción con esta librería.
El uso de audio.js es muy simple, debemos llamar a la librería en la cabecera de la web:
<script type=”text/javascript” src=”/audiojs/audio.js”></script>
Para iniciar el archivo introducimos el siguiente codigo:
<script>
audiojs.events.ready(function() {
var as = audiojs.createAll();
});
</script>
Donde queramos insertar el reproductor debemos incluir el siguiente código:
<audio src=”/mp3/archivo.mp3″ preload=”auto” />
Por último comentar que esta librería esta liberada bajo licencia MIT. Los archivos necesarios para su funcionamiento se pueden descargar desde la página oficial del autor, donde también se pueden encontrar las “instrucciones de uso”: http://kolber.github.com/audiojs/
