Software e IA para executivos · Capítulo 8 de 41 · 7 min
Onde a página fica pronta, e o que cada opção custa
Rota por rota, a escolha entre página pronta antes da visita e página montada no navegador muda o custo mensal e a presença na busca.
Este capítulo faz parte do curso gratuito Software e IA para executivos.
Servir quase todas as rotas prontas, em vez de montar cada uma na visita, pode custar de oito a 12 vezes menos, sem perda de qualidade percebida. Toda página fica pronta em algum momento: antes da visita, durante a visita ou dentro do navegador do cliente.
A diferença entre os quatro caminhos cabe numa pergunta: em que momento o HTML fica pronto. Essa resposta explica por que duas páginas parecidas aparecem na fatura com valores bem diferentes.
SSG monta a página uma vez, na publicação, e entrega o mesmo arquivo a todo mundo. Custa quase nada por visita e mostra o conteúdo que existia na última publicação. SSR monta conteúdo no servidor a cada visita; a atualização dos dados depende também das regras de cache (o armazenamento temporário para reaproveitar resultado já pronto).
ISR revalida páginas previamente geradas por prazo ou por marca. Conforme a política, uma visita ainda pode receber a versão anterior enquanto a nova é preparada. CSR monta conteúdo no navegador, pode coexistir com HTML inicial do servidor, e o efeito na espera e na busca depende do desenho; peça uma medição da página real antes de decidir.
Um catálogo com oito mil páginas de produto, preço que muda algumas vezes ao dia e pico de 40 mil visitas por hora marca a fronteira entre SSG e ISR. SSG puro exigiria um novo build a cada mudança de preço.
Entre um build e o próximo, o site mostraria preço errado, problema jurídico antes de técnico. ISR resolve as duas exigências juntas: revalida por prazo ou por marca quando o preço muda. Serve HTML de cache na quase totalidade das visitas, sem consultar o banco 40 mil vezes por hora.
Na Distribuidora Aurora, cenário ilustrativo, o catálogo público e o painel do cliente logado saíram no mesmo pacote, montados a cada visita. Separar os dois derrubou a conta de processamento sem mexer em regra de negócio.
A régua de decisão tem duas perguntas: se o conteúdo muda de um visitante para outro, e se o leitor aguenta um dado com alguns segundos de atraso. Quando não muda e o atraso é tolerável, a revalidação por prazo resolve, pago só quando a página expira.
Laboratório ao vivo: onde a página fica pronta
1. O que o cliente vê no primeiro segundo
Cabo flexível 2,5 mm
R$ 4,90 o metrocenário ilustrativo
tela cinza enquanto o código carrega e executa
2. O que o robô de busca recebe
<h1>Cabo flexível 2,5 mm</h1> <p>R$ 4,90 o metro</p> <button>Adicionar ao pedido</button>
<div id="figure-_R_cjpbsnpf6bptb_-app"></div> <script src="app.js"> </script>
O texto sai pronto do servidor: o cliente lê no primeiro segundo e o robô tem o que citar.
O HTML chega vazio: quem está em rede lenta espera, e o robô que não executa código leva a casca.
Se a figura ultrapassar a área visível, deslize para os lados. Pelo teclado, foque a figura e use as setas.
Para encerrar a discussão de arquitetura, pergunte qual rota precisa de dado ao vivo; a preferência de tecnologia do time entra depois dessa resposta. Peça a lista das páginas públicas montadas a cada visita, com o custo mensal de cada uma. Catálogo e institucional costumam aparecer ali, pagando preço de painel de cliente logado.
Antes de aprovar redesenho, liste as cinco páginas públicas com mais tráfego, ordenadas pelo painel de analytics do último mês, e marque quais mudam por visitante em vez de mudar com frequência para todos. Combine um prazo aceitável de atraso para cada linha e peça o custo de processamento das três primeiras.
Seu caderno neste capítulo
Abrir o caderno completoSelecione um trecho do capítulo para destacar ou anotar. Nos vídeos e áudios, use Anotar este momento. No teclado, selecione com Shift e as setas e use Alt+Shift+D para destacar ou Alt+Shift+N para anotar.
Salvo neste navegador. Entre na sua conta para levar o caderno a outros aparelhos.
Entre na sua conta para compartilhar o que aprendeu e convidar alguém para estudar com você.
Conexões deste capítulo
Veja o que estudar antes e para onde seguir depois, explore os conceitos e compare abordagens em outros cursos. Sugestões marcadas como “sugerido pelo grafo” vêm dos assuntos em comum, não do índice do curso.
Conceitos deste capítulo
O mesmo assunto em outros cursos
- Deploy para decisão executivaAs linhas que ninguém orça: build, medição e logExaminar conexões de As linhas que ninguém orça: build, medição e log
- Google Ads 2027Preparar a página de destino para o clique e para a expansão de URLExaminar conexões de Preparar a página de destino para o clique e para a expansão de URL
- GEO e Knowledge GraphQuanto custa de verdade, e o que comprar, construir ou contratarExaminar conexões de Quanto custa de verdade, e o que comprar, construir ou contratar
- Autoridade Temática e SEO de EntidadesO que prometer à diretoria sobre aparecer na IAExaminar conexões de O que prometer à diretoria sobre aparecer na IA
Leve uma ideia para a prática
Escolha uma atividade no painel e volte a este curso quando quiser.
Atividades e evolução ficam reunidas no painel da sua conta.