Quando abres um website, a página aparece quase de imediato. O que vês é o resultado de uma cadeia de passos que acontecem em segundo plano antes de uma única palavra chegar ao teu ecrã. Perceber como funcionam os websites nos bastidores ajuda-te a diagnosticar problemas, a decidir melhor sobre alojamento e desempenho e a falar com clareza com programadores ou com o apoio quando algo corre mal.
Um website não é um único ficheiro num computador. É um conjunto de ficheiros, bases de dados e serviços que trabalham em conjunto para entregar conteúdo aos visitantes. Cada carregamento de página envolve um pedido do navegador, uma resposta de um servidor e um processo de apresentação que transforma código na página com que interages. Para uma visão geral do que é realmente um website, vê o artigo sobre o que é um website.
O que acontece quando escreves um endereço web?
O processo começa no momento em que um visitante escreve um URL ou clica numa ligação. Vários sistemas coordenam-se para encontrar o servidor certo e obter a página certa.
Procura do domínio
Primeiro, o navegador traduz o nome de domínio num endereço IP numérico através do Sistema de Nomes de Domínio (DNS). Esta procura diz ao navegador qual o servidor na internet que guarda os ficheiros do website. Sem este passo, os visitantes teriam de memorizar endereços IP em vez de nomes de domínio legíveis.
O pedido ao servidor
Depois de encontrar o servidor, o navegador envia um pedido HTTP a pedir uma página ou um recurso específico. O servidor recebe o pedido, processa-o e prepara uma resposta. Essa resposta inclui normalmente o código HTML, juntamente com instruções para carregar outros ficheiros, como folhas de estilo, scripts e imagens.
Consultas à base de dados
Muitos websites modernos guardam o conteúdo numa base de dados e não em ficheiros estáticos. Quando se pede uma página, o servidor pode consultar a base de dados para obter texto, imagens, listas de produtos ou artigos de blogue. Depois, o servidor monta estes dados em HTML antes de os devolver ao navegador. Este passo de montagem é uma das principais razões pelas quais duas páginas do mesmo site podem partilhar o layout, mas mostrar conteúdo diferente.
Como é que o navegador transforma código numa página?
Receber HTML é só o começo. O navegador tem de interpretar esse código e construir uma página utilizável a partir dele. O artigo sobre como um navegador carrega um website explica este processo em detalhe, mas vale a pena perceber aqui as fases principais.
Leitura do HTML e construção do DOM
O navegador lê o HTML e constrói um Document Object Model (DOM), uma representação estruturada de cada elemento da página. Títulos, parágrafos, imagens e ligações tornam-se nós desta árvore. O DOM é a base que o navegador usa para mostrar a página e interagir com ela.
Apresentação da página visível
As folhas de estilo controlam o layout e o aspeto. O JavaScript acrescenta interatividade. Quando o navegador tem informação suficiente, desenha a página no ecrã. A sequência completa, do pedido à página interativa, demora normalmente entre um e três segundos num site bem otimizado.
Como a WEMASY trata da parte técnica
A WEMASY gere toda a parte técnica por trás do teu website, por isso não precisas de configurar servidores, bases de dados ou cache à mão. O alojamento, os certificados de segurança e as otimizações de desempenho estão incluídos na plataforma. As páginas criadas no criador de websites da WEMASY são servidas por uma infraestrutura pensada para respostas rápidas e boa disponibilidade. As atualizações de conteúdo feitas no editor aparecem no site online sem passos técnicos de instalação.
Vê o que está incluído no criador de websites da WEMASY ou consulta os planos na página de preços.
Perguntas frequentes
O que acontece quando alguém visita o meu website?
O navegador procura o teu domínio para encontrar o teu servidor, envia um pedido da página e o servidor responde com HTML e ficheiros associados. Depois, o navegador lê esse código, carrega folhas de estilo e scripts e apresenta a página no ecrã. Com o criador de websites da WEMASY, podes configurar isto diretamente no teu website.
Preciso de perceber como funcionam os websites para gerir um?
Não. A maioria dos donos de negócios gere conteúdo e design sem saber detalhes de servidores. Perceber o básico ajuda quando precisas de resolver páginas lentas, falhas de serviço ou funções avariadas. Uma plataforma gerida como a WEMASY trata da infraestrutura técnica para te concentrares no conteúdo e no design.
Qual é a diferença entre frontend e backend?
O frontend é tudo o que o visitante vê e com que interage no navegador: layout, texto, imagens e botões. O backend é tudo o que acontece no servidor: guardar dados, processar envios de formulários, executar consultas à base de dados e montar as páginas antes de as enviar. As duas camadas têm de funcionar bem para um website funcionar.
Porque é que o meu website às vezes carrega devagar?
O carregamento lento pode vir de vários pontos da cadeia: uma resposta lenta do servidor, imagens grandes e não otimizadas, demasiados scripts a carregar antes de o conteúdo aparecer ou cache desativada. Identificar qual a fase que causa o atraso é o primeiro passo para o resolver. Os artigos sobre desempenho neste guia tratam cada causa em detalhe.
O que é uma rede de distribuição de conteúdo?
Uma rede de distribuição de conteúdo, muitas vezes chamada CDN, guarda cópias dos ficheiros do teu website em servidores por todo o mundo. Quando um visitante pede uma página, os ficheiros são servidos a partir do local mais próximo dele, e não de um único servidor central. Isto reduz o tempo de carregamento, sobretudo para visitantes longe de onde está o teu servidor principal.
Posso ver o que acontece nos bastidores do meu próprio site?
As ferramentas de programador do navegador deixam-te inspecionar pedidos de rede, ver que ficheiros carregam e quanto tempo demora cada um, e ver a estrutura HTML de qualquer página. As ferramentas de teste de velocidade medem o tempo de resposta do servidor e o desempenho geral de carregamento. A WEMASY inclui métricas de desempenho no painel, para acompanhares o desempenho do teu site sem ferramentas externas.