SSR, abreviação de " Server-Side Rendering ", é uma técnica de desenvolvimento da Web que envolve a geração do conteúdo HTML de uma página da Web no servidor antes de enviá-lo ao navegador do usuário. Isso contrasta com a abordagem "Renderização do lado do cliente"(CSR), em que o navegador baixa o código JavaScript e constrói a página da Web após o download.
Estrutura e princípio de funcionamento do SSR
-
Solicitação do usuário: quando um usuário acessa um site, o navegador envia uma solicitação ao servidor.
-
Processamento do servidor: o servidor recebe a solicitação e a processa criando o conteúdo HTML da página da web. Isso inclui buscar dados de bancos de dados, criar componentes de interface e montar o conteúdo em um documento HTML completo.
-
Criando HTML Completo: Após o processamento, o servidor cria um documento HTML completo contendo o conteúdo, dados e componentes de interface necessários.
-
Enviando para o navegador: o servidor envia o documento HTML completo de volta ao navegador do usuário.
-
Renderizando a página: o navegador recebe o documento HTML e o renderiza para o usuário. Código JavaScript e recursos estáticos(CSS, imagens) também são carregados e executados pelo navegador.
Benefícios do SSR
- Vantagens de SEO: Os mecanismos de pesquisa podem entender e classificar melhor os sites quando o conteúdo é pré-renderizado no servidor.
- Exibição mais rápida: os usuários veem o conteúdo mais rapidamente porque o documento HTML é pré-renderizado.
- Suporte para dispositivos fracos: o conteúdo pré-renderizado melhora a experiência para dispositivos com desempenho inferior ou conexões mais fracas.
- Suporte para usuários não JavaScript: SSR permite exibir uma versão básica para usuários que não usam JavaScript.
Em conclusão, o SSR otimiza o desempenho e a capacidade de pesquisa de sites gerando conteúdo HTML no servidor antes de enviá-lo ao navegador. Isso fornece uma melhor experiência do usuário, melhora as classificações do mecanismo de pesquisa e melhora o desempenho geral do site.