¿Cómo procesa el navegador la entrada de la URL en la barra de direcciones?

Además de unas pocas navegaciones específicas en la web con aplicaciones nativas personalizadas mientras se navega por diferentes páginas web, la mayoría de las páginas web se navegan con un navegador. Entonces, cuando abrimos una URL particular en el navegador, ¿cómo carga y muestra el contenido el navegador? Mostraremos lo que hizo el navegador a su vez, según el orden en el que ocurre el evento.

El usuario ingresa la URL en el navegador#

En nuestra entrada del blog anterior cubrimos los componentes de la URL, incluidos lo que se conoce como el host/dominio, por ejemplo, www.google.com, blog.logto.io, etc.

Búsqueda de la dirección IP utilizando el host/dominio#

El navegador no puede entender directamente el host/dominio y encontrar los recursos correspondientes, sino que necesita conocer la dirección IP específica para localizar la ubicación de los recursos requeridos para las páginas web.

El navegador encontrará la dirección IP correspondiente al host/dominio a través del sistema de nombres de dominio (DNS).

Para que el proceso de búsqueda de direcciones IP sea lo más rápido posible, la correspondencia entre el host/dominio y la dirección IP suele utilizar varias cachés, como la caché del navegador, la caché del sistema operativo, etc.

Cuando no se encuentra en la caché, seguimos el proceso regular de búsqueda DNS para encontrar la dirección IP de un host/dominio. Estos son los pasos:

1. Cuando un usuario ingresa blog.logto.io en el navegador web, el navegador web solicita el servicio DNS para obtener la dirección IP, y la consulta correspondiente es recibida por el resolutor DNS.
2. El resolutor DNS consulta el servidor raíz DNS (.)
3. El servidor raíz devuelve una dirección correspondiente a un servidor DNS de Dominio de Nivel Superior (TLD) (.io en este caso) y algo de información asociada.
4. El resolutor DNS consulta al servidor TLD .io.
5. El servidor TLD .io responde con la dirección del servidor de nombres logto.io.
6. El resolutor DNS consulta al servidor de nombres de dominio logto.io.
7. El servidor de nombres logto.io responde con la dirección de blog.logto.io.
8. El resolutor DNS reenvía la dirección IP de blog.logto.io de vuelta al navegador web.

El navegador web puede luego solicitar los recursos correspondientes al servidor y renderizar el sitio web para que el usuario lo vea.

Establecer conexión TCP#

Después de obtener la dirección IP correspondiente al dominio que debe navegar a través del servicio DNS, el navegador web inicia y establece una conexión TCP con el servidor.

Obtener recursos y renderizar páginas web#

Después de establecer una conexión TCP, el navegador inicia una solicitud de red al servidor, obtiene los recursos correspondientes y renderiza el contenido de la página web basado en los recursos obtenidos para que el usuario la navegue.