Pular para o conteúdo principal
Guia

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.

Publicado

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