¿Alguna vez se ha preguntado qué se necesita para cargar una página web en su navegador? Dependiendo de su conexión a Internet, escribir la URL o la dirección de una página web y presionar el botón "Entrar" lo lleva a esa página web casi instantáneamente. Puede ser un proceso más lento en conexiones más lentas, pero aún puede llegar a una página relativamente rápido. ¿Qué está sucediendo detrás de escena para que todo suceda? ¡Sigue a continuación y te mostraremos lo que está sucediendo!
Comunicación del servidor al navegador
En términos simples, cuando ingresa un enlace en su barra de direcciones o hace clic en un enlace en una página, el navegador realiza una solicitud al servidor en el que se encuentra la dirección. A partir de ahí, los recursos para la página se descargan y el navegador luego los utiliza para representar la página y mostrarle el producto final.
Sin embargo, es un poco más complicado que eso.
Una palabra rápida sobre las URL
Cuando escribe una URL, como www.google.com, eso es justo lo que está viendo. La computadora ve algo más. Una vez que escribe eso y presiona Enter, viaja a través de un Servidor de nombres de dominio (DNS) y lo convierte en una dirección IP, algo que la computadora puede leer. Entonces, si bien puede ver www.google.com, el navegador lo toma, lo pasa a través de un servidor DNS y luego se conecta a una de las muchas direcciones IP de Google, como 216.58.216.110 . En realidad, podría escribir 216.58.216.110 en la barra de direcciones y terminar en la misma ubicación.
Obtener una página web en su navegador
Hay muchas partes móviles para que una página web se muestre correctamente en su navegador. Sin embargo, el primer paso es la solicitud. Realiza una solicitud a un servidor web cuando escribe la dirección de un sitio que desea visitar, como www.techjunkie.com. Una vez que presiona Intro, su navegador se conecta al servidor web y solicita la descarga de un montón de archivos de texto.
El siguiente paso es la respuesta del servidor web. Este es el paso donde el servidor realmente proporciona los recursos al navegador. El navegador los solicita (la solicitud) y el servidor los envía (la respuesta). Sin embargo, ¿cómo sabe un navegador si necesita más que un solo archivo? Lo hace a través de algo llamado análisis. En otras palabras, el navegador toma el primer documento, buscando referencias a otros archivos. Si ve una referencia a otro archivo, también lo descarga. Es mucho más complejo que eso, pero esa es la esencia de cómo encuentra todos los archivos necesarios.
Luego, toda esa información que descargó tiene que ser construida. Toma el documento HTML original que descargó, así como todos los recursos relevantes y crea una especie de estructura o árbol. Primero construirá un Mapa de Objetos del Documento (DOM), que es esencialmente la estructura o ubicación de los elementos en una página. A continuación, crea el Mapa de objetos CSS: la estructura de cómo se diseñan los elementos en el DOM. Finalmente, crea el árbol de renderizado, que básicamente toma el DOM y el mapa de objetos CSS, los combina y crea una estructura para la estructura y el estilo de la página.
Y, por último, la página se representa y se muestra a usted, el usuario. También hay muchos cálculos en este paso, ya que el navegador tiene que averiguar qué tan grande es el diseño en relación con su pantalla (por ejemplo, los tamaños de página serán diferentes si está en una tableta, un teléfono inteligente o una computadora). Pero una vez que lo haga, obtendrá una página final y, con suerte, buena apariencia en su navegador.
El proceso en realidad es bastante sorprendente: todas estas solicitudes y cálculos ocurren en cuestión de segundos, dependiendo de la velocidad de su conexión a Internet, por supuesto. Pero en su mayor parte, aunque puede haber cientos de archivos en una página web, el proceso anterior se realiza fácilmente en 10 segundos o menos.
Clausura
Con suerte, hemos explicado claramente cómo su conexión a Internet, el navegador y los servidores funcionan juntos para entregarle páginas web directamente a su navegador. Al tener una comprensión más profunda de cómo todas estas tecnologías se entrelazan y funcionan juntas, no solo le dará una mejor apreciación de lo que sucede detrás de escena, sino que también podría ayudarlo a solucionar cualquier problema relacionado con el navegador.
