Pular para o conteúdo principal
Interface Atlas
Guia

Estratégia de Renderização

A decisão arquitetônica de exatamente onde e quando o código é executado para gerar HTML.

Publicado

Conteúdo

Definição

A decisão arquitetônica de exatamente onde e quando o código é executado para gerar HTML.

A estratégia de renderização determina se o seu HTML é gerado no servidor no momento da compilação (build), no servidor quando um usuário o solicita, ou diretamente no navegador do usuário via JavaScript.

Por Que Importa

Sua estratégia de renderização define seu teto absoluto de desempenho. Se você optar por renderizar um site inteiro cheio de documentos no navegador do cliente (CSR), nenhuma quantidade de cache corrigirá o fato de que o usuário deve baixar e analisar um enorme pacote JavaScript antes que possa ler o primeiro parágrafo.

As Distinções Centrais

  • Geração de Site Estático (SSG): O HTML é construído uma vez em um servidor e servido a partir de uma CDN. Velocidade imbatível, mas não pode mostrar dados específicos do usuário em tempo real sem buscas no lado do cliente.
  • Renderização no Lado do Servidor (SSR): O HTML é construído em um servidor para cada solicitação. Bom para dados personalizados, mas requer pagar pelo tempo de computação do servidor.
  • Renderização no Lado do Cliente (CSR): Uma casca HTML em branco é enviada ao navegador, e o JavaScript desenha a UI. Terrível para SEO e carregamento inicial, mas ótimo para aplicativos altamente interativos.

Conceitos Relacionados