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

Quando abrimos um URL específico no navegador, como é que o navegador carrega e exibe o conteúdo? Mostramos o que o navegador fez por sua vez, de acordo com a ordem em que o evento ocorre.

Darcy Ye

Developer

8/9/2024

Pare de perder semanas com autenticação de utilizadores

Lance aplicações seguras mais rapidamente com o Logto. Integre a autenticação de utilizadores em minutos e concentre-se no seu produto principal.

Começar

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:

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
O resolvedor DNS solicita ao servidor raiz DNS (.)
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
O resolvedor DNS solicita ao servidor TLD .io
O servidor TLD .io responde com o endereço do nameserver logto.io
O resolvedor DNS solicita ao nameserver do domínio logto.io
O nameserver do domínio logto.io responde com o endereço de blog.logto.io
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.

Experimente o Logto Cloud gratuitamente

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

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

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:

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

O resolvedor DNS solicita ao servidor raiz DNS (.)

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

O resolvedor DNS solicita ao servidor TLD .io

O servidor TLD .io responde com o endereço do nameserver logto.io

O resolvedor DNS solicita ao nameserver do domínio logto.io

O nameserver do domínio logto.io responde com o endereço de blog.logto.io

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.

Utilizador introduz URL no navegador#

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

Estabelecer conexão TCP#

Obter recursos e renderizar páginas web#

Utilizador introduz URL no navegador#

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

Estabelecer conexão TCP#

Obter recursos e renderizar páginas web#

Utilizador introduz URL no navegador

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

Estabelecer conexão TCP

Obter recursos e renderizar páginas web

Utilizador introduz URL no navegador

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

Estabelecer conexão TCP

Obter recursos e renderizar páginas web