Objetivos de aprendizado
Depois de ler este artigo, você vai conseguir:
- Entender o que entra no custo de um site estático
- Estimar o tráfego mensal do seu site com uma conta simples
- Comparar camadas sem custo e planos pagos pelo modelo de cobrança
Um site estático é só um conjunto de arquivos prontos: HTML, CSS, JavaScript, imagens e fontes. Um servidor web só entrega esses arquivos: nenhum código seu monta páginas a cada visita, e não há banco de dados para manter ligado. Por isso ele é o tipo de site mais barato de hospedar, e muitas vezes o custo mensal da hospedagem é zero. O que muda a conta é quanto os visitantes baixam.
Se você ainda tem dúvida se o seu projeto é estático, leia o que é um site estático. Para sites com servidor, banco de dados ou painel, a conta é outra e está em quanto custa hospedar um site. Preços e cotas de terceiros mudam com frequência, então aqui você encontra o método. Os números deste artigo são hipotéticos, escolhidos para facilitar a conta. Não são preços de nenhum provedor; os valores reais ficam nas páginas oficiais de preços.
O que entra no custo de um site estático?#
Quatro itens, quase sempre cobrados de formas diferentes:
- Transferência de dados (banda): os GB que saem do provedor para os navegadores. É o item que mais cresce com o sucesso do site.
- Requisições: cada arquivo baixado conta uma. Uma página com 25 imagens, scripts e fontes gera dezenas de requisições por visita.
- Builds e deploys: se a plataforma gera o site a partir do seu repositório, ela pode limitar ou cobrar minutos de build e quantidade de deploys.
- Domínio: o endereço próprio, pago ao registrador por ano. Veja quanto custa um domínio.
Armazenamento quase nunca pesa: um site estático típico ocupa poucos MB, longe de qualquer cota. O certificado HTTPS também costuma vir sem custo, porque as plataformas emitem certificados automaticamente.
Como estimar o tráfego do meu site?#
A conta básica é:
transferência mensal (GB) = peso médio de uma visita (MB) × visitas por mês ÷ 1000Exemplo: um portfólio com páginas de 1,5 MB e 20 mil visitas por mês consome cerca de 30 GB. Um blog com 200 mil visitas e o mesmo peso chega a 300 GB.
Para medir o peso, abra a página no navegador, use as ferramentas de desenvolvedor (aba Rede) e veja o total transferido com o cache desligado. Esse é o pior caso: visitantes que voltam ao site baixam menos, porque o navegador guarda CSS, scripts e imagens. Use o pior caso para não se surpreender.
Para requisições, multiplique as visitas pelo número de arquivos de uma página. 20 mil visitas com 30 arquivos cada são 600 mil requisições por mês.
Até onde vão as opções sem custo?#
Todas as opções abaixo servem um site estático sem cobrar nada, dentro de limites. Os valores de cada cota estão na página do provedor:
| Opção | Que limites tem | Atenção |
|---|---|---|
| GitHub Pages | tamanho do site, banda mensal (limite flexível) e builds por hora | não permite sites voltados principalmente a transações comerciais |
| Cloudflare Pages | builds por mês, quantidade de arquivos por site e tamanho de cada arquivo | funções no servidor contam na cota de Workers |
| Netlify Free | créditos mensais, gastos com banda, requisições e deploys | a banda sozinha pode esgotar os créditos com pouco tráfego |
| Vercel Hobby | transferência e requisições de CDN por mês | só para uso pessoal e não comercial; não dá para comprar uso extra |
| Firebase Hosting (Spark) | armazenamento e transferência por dia | a cota diária limita o total do mês |
| Amazon CloudFront (plano Free) | requisições, transferência e armazenamento no S3 por mês | exige configurar bucket e distribuição |
Para saber se o portfólio de 30 GB do exemplo cabe, compare a sua estimativa com a cota de cada opção. Cuidado com dois formatos que enganam. Cotas diárias precisam ser multiplicadas por 30: supondo 300 MB por dia (valor hipotético), o mês libera só cerca de 9 GB. Cotas em créditos precisam virar GB: supondo 200 créditos por mês e 10 créditos por GB, a banda sozinha esgota a cota em 20 GB, abaixo dos 30 GB do exemplo.
Quanto custa quando o site cresce?#
Quando o tráfego passa da cota ou o site vira um negócio, entram os planos pagos:
| Opção | Modelo de cobrança | O que observar |
|---|---|---|
| Netlify (planos pagos) | mensalidade com um pacote de créditos | quantos GB os créditos rendem se tudo for banda |
| Vercel Pro | mensalidade por assento, com cota de transferência e de requisições | o preço do GB excedente |
| Firebase Hosting (Blaze) | por uso, além da cota sem custo | o preço por GB transferido e por GB armazenado |
| Amazon CloudFront (planos de preço fixo) | mensalidade com cota de requisições e de transferência | o que acontece ao passar da cota |
| Cloudflare Workers Paid | mensalidade mínima para código no servidor | se os arquivos estáticos entram na cobrança |
Veja a conta de um site com 100 GB por mês, páginas de 1,5 MB e 20 arquivos por visita (cerca de 67 mil visitas e 1,3 milhão de requisições), com preços hipotéticos:
- Plano por créditos: supondo 10 créditos por GB e 1 a cada 10 mil requisições, são 100 GB × 10 = 1.000 créditos de banda, mais cerca de 133 créditos de requisições. Total de uns 1.133 créditos: o plano escolhido precisa incluir pelo menos isso.
- Plano por uso: supondo US$ 0,10 por GB além de uma cota sem custo de 9 GB no mês, (100 − 9) GB × US$ 0,10 = US$ 9,10 por mês.
- Plano com cota fixa: cabe na camada sem custo se o site não for comercial e a cota de transferência passar de 100 GB; se for comercial, entra a mensalidade do plano pago.
O mesmo site pode custar zero ou uma mensalidade cheia dependendo do provedor e do uso. Por isso a estimativa de tráfego vem antes da escolha. Para comparar critérios além do preço, veja como escolher um provedor de hospedagem.
Quais são os custos escondidos?#
- Uso comercial em plano pessoal: a loja ou a landing page de um cliente não cabe em camadas não comerciais. Trocar de plano às pressas custa mais caro.
- Picos de tráfego: um post viral ou uma onda de bots pode estourar a cota. Nos planos por uso, a conta sobe; nos planos com teto, o site pode sair do ar até o mês virar.
- Recursos fora do estático: formulários, funções no servidor, otimização de imagens e análise de visitas costumam ter cotas próprias, cobradas à parte.
- Builds: sites grandes com gerador de site estático podem gastar a cota de builds ou créditos de deploy.
- Câmbio: quem paga em dólar com cartão brasileiro soma a variação do câmbio e o IOF ao valor da fatura.
Como pagar menos pelo mesmo site?#
O caminho mais curto é diminuir o peso de cada visita. Imagens respondem pela maior parte do tráfego da maioria dos sites: converta para WebP ou AVIF e sirva no tamanho em que aparecem na tela. Remova fontes e scripts que não são usados.
Depois, aproveite o cache. Arquivos com hash no nome (como app.3f9a2c.js) podem receber um Cache-Control longo, e o visitante que volta não baixa tudo de novo. Veja o que é Cache-Control. Uma CDN serve os arquivos de perto do visitante e costuma vir inclusa nas plataformas citadas.
Por fim, tire arquivos grandes do site. Vídeos e downloads pesados ficam melhor em um serviço de vídeo ou em object storage, em vez de consumir a cota de banda da hospedagem do site.
Como fazer isso na Square Cloud#
Na Square Cloud, a conta de GB e de requisições deste artigo não muda o preço. O tráfego é ilimitado em todos os planos, sem cobrança por banda ou por requisição (política de uso justo): você paga o valor do plano, em reais, por Pix ou cartão. Todos os planos são pagos; o Hobby começa em R$ 12,49 por mês, com 1 GB de RAM, e atende bots e sites.
Entre diversos runtimes, como Node.js, Python e Go, há um para sites estáticos. Nele o nginx fica sempre no ar servindo os seus arquivos, e nenhum código seu executa no servidor, então o site cabe no mínimo de uma aplicação web, 512 MB do pool de RAM do plano. Também não há minutos de build para pagar: a plataforma não tem etapa de build, então você gera a pasta na sua máquina ou no CI e envia por ZIP, CLI ou GitHub. Um novo commit, um upload ou uma edição no gerenciador de arquivos entram no ar na hora, sem restart. Veja os runtimes disponíveis hoje em Runtimes.
Todo plano inclui CDN global, TLS automático e analytics web sem cookies, com visitas, rotas e países, um recurso que, como você viu acima, costuma ter cota própria em outras plataformas. Toda aplicação web ganha um subdomínio *.squareweb.app com HTTPS; o domínio personalizado entra a partir do Standard (R$ 44,99 por mês), com os registros DNS que o painel mostra criados no seu registrador. Para publicar, comece pelo runtime de sites estáticos.
Hospedagem de sites
Sites estáticos e SSR com TLS automático e CDN global
Perguntas frequentes
Dá para hospedar um site estático sem pagar nada?
Dá. GitHub Pages, Cloudflare Pages, Netlify, Vercel e Firebase Hosting têm camadas sem custo para sites estáticos. Cada uma tem limites de tráfego, de builds ou de uso comercial, então leia os termos antes.
Quanto tráfego um site estático pequeno consome?
Multiplique o peso médio de uma visita pelo número de visitas. Um site com páginas de 1,5 MB e 20 mil visitas por mês consome cerca de 30 GB, ou menos se o navegador guardar os arquivos em cache.
Posso usar a camada sem custo para um site comercial?
Depende do provedor. O Hobby da Vercel é só para uso pessoal e não comercial, e o GitHub Pages não permite sites voltados principalmente a transações comerciais ou comércio eletrônico.
O domínio está incluído no preço da hospedagem?
Quase nunca. O domínio é pago ao registrador, por ano, à parte da hospedagem. O certificado HTTPS, por outro lado, costuma ser emitido sem custo pela hospedagem.
Mais em Sites
Ver todos os 20 artigos- O que é um site estático e onde hospedarSite estático é um conjunto de arquivos HTML, CSS e JavaScript prontos, entregues iguais a todos os visitantes. Veja como funciona, quando usar e onde hospedar.
- Quanto custa hospedar um site?Hospedar um site custa de zero a algumas dezenas de dólares por mês. Veja o que entra na conta: hospedagem, domínio, tráfego e extras, com exemplos e limites.
- O que é um servidor web: Nginx, Apache e NodeServidor web é o software que recebe requisições HTTP e devolve páginas, arquivos ou respostas de API. Veja como funciona e quando usar Nginx, Apache ou Node.js.
- Site estático ou dinâmico: diferenças e quando usar cada umSite estático entrega arquivos prontos, iguais para todos; site dinâmico gera a página a cada pedido. Compare velocidade, custo, segurança, SEO e quando usar.