Resumibilidade
Um paradigma de renderização onde o servidor serializa o estado da aplicação no HTML, permitindo que o cliente se torne interativo sem executar o código de configuração do componente.
Conteúdo
Definição
Um paradigma de renderização onde o servidor serializa o estado da aplicação no HTML, permitindo que o cliente se torne interativo sem executar o código de configuração do componente.
Resumibilidade é uma alternativa fundamental à Hidratação. Em vez de enviar uma casca HTML estática e depois forçar o navegador a repetir a lógica de inicialização do aplicativo para anexar ouvintes de eventos, um framework resumível pausa a execução no servidor e serializa todo o estado necessário (incluindo manipuladores de eventos) diretamente na estrutura HTML.
Por Que Importa
A resumibilidade elimina completamente o “imposto de hidratação”. Como o navegador não precisa executar um enorme pacote JavaScript para descobrir o que a página deve fazer, o Tempo até Interatividade (TTI) é virtualmente idêntico ao First Contentful Paint (FCP). A página é interativa no momento em que o HTML chega.
Resumibilidade vs. Arquitetura de Ilhas
- Arquitetura de Ilhas: (ex: Astro) Você define manualmente componentes específicos que precisam ser hidratados. O resto da página permanece estático.
- Resumibilidade: (ex: Qwik) Toda a aplicação pode ser dinâmica, mas o compilador do framework serializa o estado automaticamente, garantindo que o cliente baixe e execute apenas o JavaScript exato necessário para a interação específica do usuário que acabou de ser acionada.
Conceitos Relacionados
- Leia o guia completo: Desempenho Web como Arquitetura
- Veja também: Hidratação, Estratégia de Renderização