05/07/24

O que é um site estático?

Olá, pequeno Kangaroo! Em meio a tantas informações no mundo da tecnologia, nada nunca é exatamente um assunto simples. Até mesmo entre sites, existem diferentes tipos e estruturas, como estáticos, dinâmicos, fóruns, e-commerces, blogs e por aí vai.

Por isso, hoje vamos falar um pouco sobre um desses tipos: os sites estáticos. Vamos entender mais sobre o que configura um site estático, o que ele pode ou não fazer e quando ele pode ser adotado. Bora lá?

Sumário

Definição
Vantagens e desvantagens
Quando usar?
Conclusão

Definição do site estático

O que é um site estático — Fonte: Repositório de imagens

Antes de falar do tipo estático em si, é importante entendermos o que normalmente forma um site para entender o que faz dele dinâmico ou não. Um site é um conteúdo que no fim será sempre um código HTML para a definição de conteúdo e estrutura da página, aliado ao CSS que fará a estilização, ou seja, a estética da página.

Assim, temos o HTML como o “esqueleto” do site, e o CSS atuando como a “pele”. Por mais que sites possam ser escritas em diferentes linguagens de programação, quase sempre o resultado final será um HTML + CSS sendo enviados ao usuário, e processado pelo navegador. Como diferentes linguagens atuam de formas diferentes, é possível manipular o HTML e CSS que são enviados ao usuário, gerando assim um dinamismo nas páginas.

Pense na página de “Minha conta” de uma loja, por exemplo. Quando acessamos essa página sem estarmos logado, ela nos redireciona para fazer login, mas assim que fazemos esse login a página é carregada de forma diferente, mostrando as informações de nossa conta. Isso acontece quando um site é dinâmico, renderizando HTML com base em condições predefinidas, e permite que o HTML adicione informações vindas de um banco de dados, por exemplo.

Por outro lado, um site estático sempre irá executar o exato mesmo HTML definido previamente, independentemente da ação do usuário. Isso significa que toda a navegação dos usuários sempre mostrará os exatos mesmos conteúdos, que precisarão estar definidos dentro do código HTML.

Vantagens e desvantagens

A grande vantagem do HTML é não precisar de processamento extra das informações já que tudo o que o código irá executar já está escrito, devendo apenas o navegador do usuário processsar as informações e renderizar para o usuário final.

No caso de sites dinâmicos, há um esforço do servidor em processar os dados para então montar o HTML que vai ser usado por aquele usuário, o que tem um custo de processamento que pode tornar o carregamento da página um pouco mais lento (mas normalmente não será algo muito perceptível).

O grande trunfo do site estático é, também, o seu “problema”. Por não permitir a entrega de conteúdo dinâmico, é necessário manter todo o código pronto do jeito que ele será visto no final, gerando um resultado imutável.

Quando usar?

Como explicamos aqui, o site estático é incapaz de alterar o conteúdo exibido para o usuário final, por isso é recomendado que esse tipo só seja usado quando não houver a necessidade de apresentar informações dinâmicas.

Um benefício importante disso é a redução drástica no consumo de recursos, permitindo executar o seu site mesmo em uma hospedagem mais simples sem prejuízos no desempenho, uma vez que o conteúdo do site já está “montado”. Assim, uma boa aplicação seria no caso de landing pages, sites institucionais, portfolios, etc.

Até mesmo um site em WordPress é considerado dinâmico, mesmo que o conteúdo pareça estático. Isso acontece porque o WP armazena as informações de todo o conteúdo no banco de dados, e então prepara o HTML com base nisso, não sendo então considerado um site estático.

Conclusão

Agora, você pode entender melhor quais as vantagens e desvantagens de um site estático, além de poder saber em que tipo de caso ele pode ser uma opção mais interessante para seu próximo projeto. Porém, mesmo que ele tenda a ser mais rápido que um site dinâmico, nem sempre isso é algo notável.