Como é que o navegador processa a introdução do URL na barra de endereços?

Além de algumas navegações na web específicas com aplicações nativas personalizadas enquanto se navega em diferentes páginas web, a maioria das páginas web são navegadas com um navegador. Então, quando abrimos um URL específico no navegador, como é que o navegador carrega e exibe o conteúdo? Vamos mostrar o que o navegador fez por sua vez, de acordo com a ordem em que o evento ocorre.

Utilizador introduz URL no navegador#

No nosso post anterior cobrimos os componentes do URL incluindo o que é conhecido como host/domínio, por exemplo, www.google.com blog.logto.io, etc.

Pesquisa de endereço IP usando host/domínio#

O navegador não consegue entender diretamente o host/domínio e encontrar os recursos correspondentes, mas precisa saber o endereço IP específico para localizar a localização dos recursos necessários para as páginas web.

O navegador irá encontrar o endereço IP correspondente ao host/domínio através do sistema de nomes de domínio (DNS).

Para tornar o processo de pesquisa de endereços IP o mais rápido possível, a correspondência entre o host/domínio e o endereço IP muitas vezes utiliza vários caches, como cache do navegador, cache do sistema operacional, entre outros.

Quando a busca no cache falha, passamos pelo processo regular de pesquisa DNS para encontrar o endereço IP de um host/domínio. Estes são os passos:

1. Quando um utilizador introduz blog.logto.io no navegador web, o navegador solicita ao serviço DNS para obter o endereço IP, o pedido correspondente é recebido pelo resolvedor DNS
2. O resolvedor DNS solicita ao servidor raiz DNS (.)
3. O servidor raiz retorna um endereço correspondente a um servidor DNS de Top Level Domain (TLD) (.io neste caso) e algumas informações associadas
4. O resolvedor DNS solicita ao servidor TLD .io
5. O servidor TLD .io responde com o endereço do nameserver logto.io
6. O resolvedor DNS solicita ao nameserver do domínio logto.io
7. O nameserver do domínio logto.io responde com o endereço de blog.logto.io
8. O resolvedor DNS encaminha o endereço IP de blog.logto.io de volta ao navegador web

O navegador web pode então solicitar os recursos correspondentes ao servidor e renderizar o site para o utilizador visualizar.

Estabelecer conexão TCP#

Após obter o endereço IP correspondente ao domínio a ser navegado através do serviço DNS, o navegador web inicia e estabelece uma conexão TCP com o servidor.

Obter recursos e renderizar páginas web#

Após estabelecer uma conexão TCP, o navegador inicia uma solicitação de rede ao servidor, obtém os recursos correspondentes e rende o conteúdo da página web com base nos recursos obtidos para o utilizador navegar.