Neste artigo
- O que acontece quando alguém abre um site estático
- Estático ou dinâmico: as diferenças na prática
- Gerador de site estático: o meio do caminho
- Por que essa arquitetura voltou a ganhar espaço
- Desempenho e escala
- Limites do site estático
- Para quem o site estático faz sentido
- Não quer montar sozinho?
- Em outros Mundos
O que acontece quando alguém abre um site estático
A MDN descreve o site estático como aquele que devolve o mesmo conteúdo fixo sempre que um recurso é pedido. O servidor busca o documento no próprio sistema de arquivos e responde com ele e um código de sucesso, em geral 200 OK.
- O visitante digita o endereço ou clica num link.
- O navegador pede o arquivo ao servidor ou à CDN.
- O servidor encontra o index.html daquela pasta.
- O arquivo volta para o navegador sem nenhuma montagem.
- O navegador baixa o CSS, as imagens e os scripts ligados à página.
No site dinâmico, entre o passo 3 e o 4 entra mais trabalho. A MDN explica que as páginas dinâmicas são criadas inserindo dados de um banco em espaços reservados de um modelo HTML. Isso acontece a cada visita, a menos que haja cache.
CDN é uma rede de servidores em lugares diferentes que guarda cópias dos arquivos e entrega a partir do ponto mais perto do visitante. Arquivos que são iguais para todo mundo cabem perfeitamente nesse modelo. A documentação da Cloudflare diz que o Pages publica os projetos na rede global da empresa.
Estático ou dinâmico: as diferenças na prática
| Ponto | Site estático | Site dinâmico |
|---|---|---|
| Onde a página nasce | Antes da visita, já pronta | Na hora da visita |
| Banco de dados | Não precisa | Em geral usa MySQL ou similar |
| Servidor | Só entrega arquivos | Roda PHP, Node, Python ou outra linguagem |
| Velocidade de resposta | Costuma ser alta | Depende do servidor e do cache |
| Pontos de ataque | Menos peças expostas | Painel, banco, plugins e servidor |
| Atualização | Editar arquivo e publicar de novo | Pelo painel, na hora |
| Conteúdo por usuário | Só com JavaScript e serviços externos | Nativo, com login e sessão |
A MDN reconhece a vantagem do dinâmico em volume: guardar grandes quantidades de conteúdo num banco é mais eficiente do que manter páginas soltas. Ela cita como exemplo que criar uma página estática separada para cada produto seria impraticável sem ferramenta. É aí que entra o gerador de site estático.
Gerador de site estático: o meio do caminho
Segundo a MDN, um gerador de site estático é um software que gera sites estáticos. Você escreve o conteúdo em Markdown, define modelos para cabeçalho e rodapé, e o gerador cria todos os arquivos HTML antes da publicação.
Com isso, você tem a manutenção de um sistema com modelos e a entrega de um site estático. Mudar o menu em um arquivo atualiza as cem páginas que o usam. O Eleventy é um exemplo de gerador, e o guia de geradores de sites estáticos com Eleventy mostra o primeiro projeto.
Por que essa arquitetura voltou a ganhar espaço
A web começou estática. O que mudou foram as ferramentas em volta dela, que tiraram o trabalho chato do caminho.
- Publicação automática. A Cloudflare conecta o repositório do GitHub e publica de novo a cada mudança enviada.
- CDN acessível. Plataformas com plano grátis entregam os arquivos a partir de uma rede global.
- Funções sob demanda. O Pages Functions roda código no servidor sem servidor dedicado, para formulário, login ou middleware, segundo a Cloudflare.
- Geradores maduros. Markdown e modelos tiram a repetição de código.
- Menos manutenção. Sem plugin e sem versão de PHP para atualizar.
O resultado é que um site estático hoje pode ter formulário, busca e conteúdo atualizado sem virar um sistema completo. A Cloudflare explica que, no Workers, pedidos para arquivos existentes são servidos direto, e só os outros passam pelo código. Para ver o que dá para fazer com isso, leia funções dinâmicas com Cloudflare Workers.
Desempenho e escala
O site estático costuma responder rápido porque o servidor pula a parte mais demorada: consultar banco e montar HTML. Num pico de acesso, o trabalho por visita continua pequeno, já que cada pedido é só a entrega de um arquivo.
Isso não dispensa cuidado. Uma foto de 5 MB deixa lento qualquer site, estático ou não. Fontes demais e scripts de terceiros também pesam. Os ajustes de velocidade estão em sites rápidos com HTML e Cloudflare.
As plataformas têm limites, e vale conhecer antes:
| Plataforma | Limite citado na documentação oficial |
|---|---|
| Cloudflare Pages, plano grátis | 500 builds por mês, 20.000 arquivos por site, arquivo de até 25 MiB |
| GitHub Pages | Site publicado de até 1 GB, banda com limite flexível de 100 GB por mês |
A documentação do GitHub acrescenta uma regra que pesa para empresas: o GitHub Pages não serve como hospedagem grátis para tocar um negócio online, loja ou software comercial. Para site de empresa, a Cloudflare ou uma hospedagem tradicional que aceite HTML encaixam melhor.
Limites do site estático
Estático não serve para tudo. A MDN lista o que o código no servidor permite: personalizar o conteúdo para cada usuário, guardar preferências, restringir acesso a usuários autorizados e manter sessões. Bancos usam isso para mostrar a conta só ao dono dela.
| Necessidade | Estático resolve? | Caminho |
|---|---|---|
| Site institucional, serviços, contato | Sim | HTML e CSS |
| Blog com posts frequentes | Sim | Gerador de site estático |
| Formulário de contato | Sim, com ajuda | Função no servidor ou serviço externo |
| Catálogo de produtos | Sim | Página por produto, gerada de um arquivo de dados |
| Área do cliente com login | Parcial | Funções e banco à parte |
| Carrinho e pagamento | Não sozinho | Plataforma de loja ou serviço de pagamento |
| Rede social, sistema interno | Não | Aplicação dinâmica |
Se a sua dúvida é se dá para dispensar o banco, a resposta sobre sites sem banco de dados explica quando ele é preciso. A questão da segurança tem página própria em segurança de sites estáticos.
Para quem o site estático faz sentido
Ele encaixa bem em negócio local, profissional liberal, portfólio, cardápio, página de evento, documentação e blog. São sites em que o conteúdo é o mesmo para todo visitante e muda algumas vezes por mês, não a cada minuto.
O WordPress continua fazendo sentido quando uma equipe sem conhecimento técnico publica todo dia pelo painel, ou quando o projeto depende de um plugin específico. Bem cuidado, ele pode ser rápido e seguro. A comparação completa está no pilar criar sites sem WordPress, e o índice do tema está na resposta do Mundo Criação de Sites. Para outros assuntos, comece pela resposta do portal.
Não quer montar sozinho?
A gente cria o seu site estático em HTML puro sem cobrar pela criação. A condição é contratar uma hospedagem de sites da HostGator em ciclo anual pelo link do MundoBlá e depois chamar no WhatsApp. O MundoBlá recebe uma comissão da HostGator quando você contrata pelo link, sem custo extra para você.
Hospedagem e domínio você paga direto à HostGator. O escopo do site é combinado no WhatsApp antes de começar, e o código fica guardado no GitHub.
Em outros Mundos
Quem quer entender a parte de código por trás do estático e do dinâmico encontra guias de linguagem no Mundo Programação.
Perguntas frequentes
O que é um site estático?
Site estático é aquele em que cada página já existe como arquivo pronto no servidor. A MDN define assim: o site devolve o mesmo conteúdo fixo sempre que um recurso é pedido. O servidor só procura o arquivo e o envia, sem montar nada na hora da visita.
Qual a diferença entre site estático e dinâmico?
No dinâmico, a página é montada no momento da visita, juntando dados de um banco com um modelo de HTML. No estático, a página foi gerada antes e fica pronta esperando o visitante. A MDN explica que o dinâmico é mais eficiente para guardar grandes volumes de conteúdo.
Site estático não pode ter nada interativo?
Pode. Estático descreve como o servidor entrega a página, não o que ela faz no navegador. Menu, galeria, abas, mapa e cálculo funcionam com JavaScript. Formulário e busca também, com ajuda de uma função ou serviço externo. O que muda é que o servidor não monta a página.
Site estático é mais rápido?
Costuma ser, porque o servidor não consulta banco nem roda código antes de responder. O arquivo pronto também pode ficar copiado numa CDN, perto do visitante. A velocidade final ainda depende do peso das imagens, das fontes e dos scripts que você coloca na página.
O que é CDN?
CDN é uma rede de servidores em lugares diferentes que guarda cópias dos arquivos do site e entrega a partir do ponto mais próximo do visitante. Arquivos estáticos combinam bem com CDN, porque são iguais para todo mundo. A Cloudflare publica os projetos do Pages na rede global dela.
Site estático é mais seguro?
Ele tem menos peças expostas: sem painel de login, sem banco e sem plugin para atualizar. Isso reduz a superfície de ataque, mas não zera o risco. Conta do GitHub, chave de API, formulário e biblioteca de terceiros ainda pedem cuidado e senha forte.
O que é um gerador de site estático?
Segundo a MDN, é um software que gera sites estáticos. Você escreve o conteúdo em Markdown e usa modelos para menu e rodapé, e o gerador produz os arquivos HTML finais. Eleventy é um exemplo. Ele evita repetir o mesmo código em cada página.
Quanto custa hospedar um site estático?
Pode sair sem custo de hospedagem em plataformas com plano grátis, como Cloudflare Pages. O que você paga, em geral, é o domínio. Hospedagens tradicionais também aceitam HTML. Confira os limites de cada plano na documentação, porque eles mudam com o tempo.
Quais os limites do Cloudflare Pages no plano grátis?
A página de limites do Pages informa 500 builds por mês, até 20.000 arquivos por site e arquivos de até 25 MiB no plano grátis. Um site institucional fica bem abaixo disso. Confira a documentação oficial antes de começar, porque os números podem mudar.
Posso usar o GitHub Pages para o site da empresa?
A documentação do GitHub diz que o Pages não serve como hospedagem grátis para tocar um negócio online, loja ou software comercial. Ele é bom para projeto pessoal, portfólio e documentação. Para empresa, Cloudflare ou uma hospedagem paga são caminhos mais adequados.
Site estático serve para loja virtual?
Para catálogo, sim. Para carrinho, pagamento e estoque em tempo real, você vai precisar de um serviço externo ou de código no servidor. Lojas pequenas costumam usar botão de pedido pelo WhatsApp. Lojas com volume de vendas normalmente pedem uma plataforma de e-commerce.
Como atualizo o conteúdo de um site estático?
Você edita o arquivo, salva o registro da mudança no Git e envia ao repositório. A plataforma de publicação gera a nova versão sozinha. Quem não quer mexer em código pode usar um painel de conteúdo ligado ao repositório, que grava os arquivos por você.
Site estático tem formulário de contato?
Tem. O HTML do formulário é igual ao de qualquer site. O envio precisa de algo que receba os dados, como uma função no servidor. A Cloudflare cita o tratamento de envio de formulário entre os usos do Pages Functions, que roda código sem servidor dedicado.
Site estático é bom para SEO?
Pode ser, porque entrega HTML completo e rápido, que o buscador lê sem esperar script. O resultado depende do conteúdo, dos títulos, dos links e da estrutura, como em qualquer site. Ser estático ajuda a parte técnica, mas não substitui um bom texto.
Quando um site dinâmico é a melhor escolha?
Quando o conteúdo muda para cada pessoa ou a cada minuto. A MDN cita contas de banco, acesso restrito a usuários autorizados e sessões que guardam informações de quem está logado. Rede social, sistema interno e área do cliente também pedem servidor e banco de dados.
Dá para misturar estático e dinâmico?
Dá, e é comum. A página fica estática e só as partes que precisam de servidor chamam uma função ou API. A documentação da Cloudflare explica que o Workers serve os arquivos estáticos direto e só roda código quando o pedido não corresponde a um arquivo.
WordPress gera site estático?
Não por padrão. O WordPress monta a página com PHP e MySQL a cada visita, o que o torna dinâmico. Cache e plugins de exportação podem entregar páginas prontas, mas o painel continua dinâmico. Quem quer o estático puro escreve em HTML ou usa um gerador.
Fontes e data de verificação
MDN Web Docs, introdução ao lado servidor, MDN Web Docs, gerador de site estático, Cloudflare Docs, Pages, Cloudflare Docs, Pages Functions, Cloudflare Docs, limites do Pages, Cloudflare Docs, arquivos estáticos no Workers, GitHub Docs, GitHub Pages, GitHub Docs, limites do GitHub Pages. Conferido em 5 de novembro de 2026.Referências
- MDN Web Docs, introdução ao lado servidor. Disponível em: https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Server-side/First_steps/Introduction.
- MDN Web Docs, glossário: gerador de site estático. Disponível em: https://developer.mozilla.org/en-US/docs/Glossary/SSG.
- Cloudflare Docs, Pages. Disponível em: https://developers.cloudflare.com/pages/.
- Cloudflare Docs, Pages Functions. Disponível em: https://developers.cloudflare.com/pages/functions/.
- Cloudflare Docs, limites do Pages. Disponível em: https://developers.cloudflare.com/pages/platform/limits/.
- Cloudflare Docs, arquivos estáticos no Workers. Disponível em: https://developers.cloudflare.com/workers/static-assets/.
- GitHub Docs, o que é o GitHub Pages. Disponível em: https://docs.github.com/en/pages/getting-started-with-github-pages/what-is-github-pages.
- GitHub Docs, limites do GitHub Pages. Disponível em: https://docs.github.com/en/pages/getting-started-with-github-pages/github-pages-limits.
Fontes conferidas em 05 de novembro de 2026.