Como funcionan los navegadores

Gecko

El motor del navegador es un componente de software central de todos los navegadores importantes, y los diferentes fabricantes de navegadores llaman a sus motores con nombres diferentes. El motor del navegador de Firefox se llama Gecko, y el de Chrome se llama Blink, que resulta ser una bifurcación de WebKit.
En este artículo, utilizo “navegador” y “motor del navegador” indistintamente. No dejes que eso te confunda; lo importante es que sepas que el motor del navegador es el software clave responsable de lo que estamos discutiendo.
Lo que quiero decir es que cuando escribes algo de HTML, CSS y JS, e intentas abrir el archivo HTML en tu navegador, el navegador lee los bytes crudos de HTML desde tu disco duro (o red).
En este punto, el navegador ha pasado de los bytes crudos de datos a los caracteres reales del archivo. Los caracteres están muy bien, pero no son el resultado final. Estos caracteres se analizan posteriormente en algo llamado tokens.
Un montón de caracteres en un archivo de texto no le sirve de mucho al motor del navegador. Sin este proceso de tokenización, el montón de caracteres sólo resultará en un montón de texto sin sentido, es decir, código HTML – y eso no produce un sitio web real.

Arquitectura del navegador web

Este exhaustivo manual sobre el funcionamiento interno de WebKit y Gecko es el resultado de una larga investigación realizada por la desarrolladora israelí Tali Garsiel. Durante varios años, revisó todos los datos publicados sobre el funcionamiento interno de los navegadores (ver Recursos) y pasó mucho tiempo leyendo el código fuente de los navegadores web.
En los años en que IE dominaba el 90% no había mucho que hacer más que considerar el navegador como una “caja negra”, pero ahora, con los navegadores de código abierto que tienen más de la mitad de la cuota de uso, es un buen momento para echar un vistazo bajo el capó del motor y ver lo que hay dentro de un navegador web. Bueno, lo que hay dentro son millones de líneas de C++…
Como desarrollador web, aprender los entresijos de las operaciones del navegador te ayuda a tomar mejores decisiones y a conocer las justificaciones de las mejores prácticas de desarrollo. Aunque se trata de un documento bastante extenso, te recomendamos que dediques algo de tiempo a profundizar en él; te garantizamos que te alegrarás de haberlo hecho.
Hay cinco navegadores principales que se utilizan hoy en día en los ordenadores de sobremesa: Chrome, Internet Explorer, Firefox, Safari y Opera. En los móviles, los principales navegadores son Android Browser, iPhone, Opera Mini y Opera Mobile, UC Browser, los navegadores Nokia S40/S60 y Chrome, todos los cuales, excepto los de Opera, están basados en WebKit. Daré ejemplos de los navegadores de código abierto Firefox y Chrome, y de Safari (que es parcialmente de código abierto). Según las estadísticas de StatCounter (en junio de 2013) Chrome, Firefox y Safari representan alrededor del 71% del uso global de navegadores de escritorio. En los móviles, Android Browser, iPhone y Chrome constituyen alrededor del 54% del uso.

Cómo funciona el renderizado de los navegadores

La web es una herramienta inmensa y poderosa. En el transcurso de unas pocas décadas, Internet ha cambiado nuestra forma de trabajar, de jugar y de relacionarnos. Dependiendo de cómo se utilice, tiende puentes entre naciones, impulsa el comercio, fomenta las relaciones, impulsa el motor de la innovación del futuro y es responsable de más memes de los que sabemos qué hacer.
En poco tiempo hemos pasado de asombrarnos por la capacidad de enviar un correo electrónico a alguien de todo el mundo, a un cambio en la forma de concebir la información. Ya no es una cuestión de cuánto sabes, sino simplemente de qué navegador o aplicación puede llevarte a esa información más rápidamente.
Un navegador web te lleva a cualquier parte de Internet. Recupera información de otras partes de la web y la muestra en tu ordenador o dispositivo móvil. La información se transfiere mediante el Protocolo de Transferencia de Hipertexto, que define cómo se transmite el texto, las imágenes y el vídeo en la web. Esta información debe compartirse y mostrarse en un formato coherente para que las personas que utilizan cualquier navegador, en cualquier parte del mundo, puedan ver la información.

Ver más

Este completo manual sobre el funcionamiento interno de WebKit y Gecko es el resultado de una gran investigación realizada por la desarrolladora israelí Tali Garsiel. Durante varios años, revisó todos los datos publicados sobre el funcionamiento interno de los navegadores (ver Recursos) y pasó mucho tiempo leyendo el código fuente de los navegadores.
En los años en que IE dominaba el 90% no había mucho que hacer más que considerar el navegador como una “caja negra”, pero ahora, con los navegadores de código abierto que tienen más de la mitad de la cuota de uso, es un buen momento para echar un vistazo bajo el capó del motor y ver lo que hay dentro de un navegador web. Bueno, lo que hay dentro son millones de líneas de C++…
Como desarrollador web, aprender los entresijos de las operaciones del navegador te ayuda a tomar mejores decisiones y a conocer las justificaciones de las mejores prácticas de desarrollo. Aunque se trata de un documento bastante extenso, te recomendamos que dediques algo de tiempo a profundizar en él; te garantizamos que te alegrarás de haberlo hecho.
Hay cinco navegadores principales que se utilizan hoy en día en los ordenadores de sobremesa: Chrome, Internet Explorer, Firefox, Safari y Opera. En los móviles, los principales navegadores son Android Browser, iPhone, Opera Mini y Opera Mobile, UC Browser, los navegadores Nokia S40/S60 y Chrome, todos los cuales, excepto los de Opera, están basados en WebKit. Daré ejemplos de los navegadores de código abierto Firefox y Chrome, y de Safari (que es parcialmente de código abierto). Según las estadísticas de StatCounter (en junio de 2013) Chrome, Firefox y Safari representan alrededor del 71% del uso global de navegadores de escritorio. En los móviles, Android Browser, iPhone y Chrome constituyen alrededor del 54% del uso.

Esta web utiliza cookies propias para su correcto funcionamiento. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad