Qual é a diferença entre uma aplicação de página única (SPA) e um site clássico?

Num SPA, o carregamento de conteúdo e as transições entre "páginas" ocorrem de forma dinâmica, sem uma recarga completa da página. Num site clássico, cada transição para uma nova página requer uma recarga completa de todo o documento HTML.

SPA:

• Vantagens:
  • Resposta rápida às ações do utilizador (atrasos menos perceptíveis durante a navegação).
  • Melhor experiência de utilizador (sensação de uma aplicação nativa).
  • Menor tráfego entre cliente e servidor (apenas os dados necessários são carregados).
• Desvantagens:
  • Dificuldades com SEO (os motores de busca podem ter mais dificuldades em indexar conteúdo dinâmico).
  • Tempo de carregamento inicial mais alto (carregamento de todos os recursos necessários de uma só vez).
  • Pode requerer mais recursos do navegador no cliente.
  • Desenvolvimento e depuração mais complexos.

Site clássico:

• Vantagens:
  • Boa indexação pelos motores de busca (SEO).
  • Facilidade de desenvolvimento para sites menos interativos.
  • Melhor desempenho em dispositivos com recursos limitados.
• Desvantagens:
  • Navegação lenta (recarregamento completo da página a cada transição).
  • Pior UX (sente-se "atraso" nas transições).
  • Mais tráfego devido ao recarregamento constante de todo o conteúdo.

Tabela comparativa:

Característica	SPA	Site clássico
Carregamento da página	Dinâmico (atualização parcial)	Recarregamento completo
Transições	Rápidas, sem recarga	Lentas, com recarga completa
Tráfego	Menor (carregamento de dados)	Maior (carregamento de HTML, CSS, JS, dados)
SEO	Dificuldades (é necessário SSR/pré-renderização)	Bom
UX	Melhor, parecido com nativo	Pior, com atrasos perceptíveis
Tempo de carregamento inicial	Mais alto	Menor (para páginas simples)
Complexidade de desenvolvimento	Mais alto	Menor