Home » Html » JavaScript » Programação » Tecnologia » Vida de Programador » Single Page e Multiple Page – Aplicações / Sites

Single Page e Multiple Page – Aplicações / Sites

Compartilhe

E ai galera, tudo tranquilo?

Fiquei alguns dias ausentes do Blog pois estava com muitos trabalhos acumulados, inclusive, trabalhando com empreendimentos próprios entre eles o novo App que lancei que é o iGuardanapo, um aplicativo para interagir cantores e seus ouvintes em determinados locais, exemplo no bar, restaurante, ou em qualquer outro local.

Bom, neste processo de desenvolvimento vejo que as pessoas possuem uma dúvida básica, criar Aplicações/Site em um única página ou criar várias páginas?

Referente a está estrutura acredito que depende de projeto para projeto, possuo projetos que são mais simples e pequeno e utilizo “Single Page” e outros projetos que são maiores e uso “Multiple Page”. Fiz uma pequena analise, algo simples e rápido na vantagem e na desvantagem.

Single Page

Vantagem:
– Carrega o DOM apenas uma vez deixando aplicação de certa maneira mais rápida e sem a necessidade de ficar carregando posteriormente.
– A transição das páginas ficam mais rápida, sendo que todos as páginas estão em apenas um local e sem a necessidade de carregar um novo arquivo.
– Carrega os JS/CSS única vez.
– Indicado para aplicações menores

Desvantagem:
– O código fica extremamente extenso conforme o tamanho da sua aplicação.
– Usando em um site este modelo se perde muito em conceito de SEO, pois todo o conteúdo fica em um arquivo apenas.
– O primeiro acesso é mais lerdo até carregar todo o conteúdo.

Aqui um exemplo de utilização de uma Single Page feito em jQuery Mobile.

Multiple Page

Vantagem:
– Código fica mais organizado facilitando o suporte
– Utilizando este conceito em sites ganha-se mais no SEO do site, pois cada produto terá uma respectiva página.

Desvantagem:
– Caso esteja usando em uma aplicação Mobile, e o aparelho não tiver conexão com a internet pode ocorrer erro pois será necessário carregar o DOM novamente.
– Perde desempenho pela questão de carregar o conteúdo da página sempre.

Bom está é a minha analise sobre estas duas estruturas, acredito que vai muito de projeto, como citei no inicio.