Las cookies nos permiten ofrecer nuestros servicios. Al utilizar nuestros servicios, aceptas el uso que hacemos de las cookies. Más Información. Aceptar

Diferencias entre SPA y SSR

Pedro Jiménez Hontanilla
  • Escrito por Pedro Jiménez Hontanilla el 12 de Diciembre de 2019
  • 1 min de lectura Frameworks
Diferencias entre SPA y SSR

Qué es una SPA (Single Page Application)

Las SPA son páginas que se sirven siempre desde el mismo fichero, es decir, que se tienen que descargar antes de poder ejecutarse.

Esto tiene una mejora en cuanto a la experiencia de usuario, ya que el usuario tiene la sensación de estar navegando entre páginas de una manera muy rápida.

Una SPA no tiene páginas, tiene vistas, y aunque veamos que la URL va cambiando, realmente esto no es así, ya que se sirve todo desde la misma página.

Esto hace que, a día de hoy, los robots de indexación, como el de Google, tienen problemas para ejecutarlas, ya que no son capaces de hacerlo correctamente y mostrar todo el contenido HTML, por eso no son capaces de entenderlo y de indexarlas correctamente.

Este tipo de páginas se ejecutan siempre de lado del cliente, con sus cosas buenas y sus cosas negativas, ya que mejoran la experiencia de usuario, pero, en el caso de tener una conexión lenta, la descarga de esa página para acceder a ella puede ser un poco más tedioso.

Qué es una SRR (Server Side Rendering)

Las páginas de SSR, también llamadas páginas isomorfas, vienen a solucionar los problemas que tenían las páginas SPA.

Mejoran la indexación por parte de los robots, ya que el código HTML se sirve en una sola vez y los robots no tienen que ejecutar nada en JavaScript para poder obtenerlas.

Parte del renderizado se realiza por parte del servidor, lo que mejora mucho la performance de la aplicación, y hace que también que la indexación y el SEO (Search Engine Optimization) se mejore.

Relacionado

Te dejamos una selección de cursos, carreras y artículos

Frontend Developer Profesional

Frontend Developer Profesional

carrera

Incluye 16 cursos:

  • Curso de Polymer
  • Optimización Web en el Navegador
  • Curso Online de PostCSS para Frontends

y 13 cursos más!

Duración: 58 horas y 42 minutos

Curso de Nuxt.js

Curso de Nuxt.js

curso

Con este curso aprenderás:

  • Aprenderás a crear un backoffice usando Nuxtjs y Firebase.
  • Aprenderás a crear una aplicación web SSR.
  • Aprenderás a realizar despliegues de aplicaciones mediante técnicas de despliegue continuo.

Duración: 4 horas y 44 minutos

Más de 300 empresas confían en nosotros

Oesia
Vass
Everis
Ayesa
Altran
Ibermatica
Atmira
GFI
Accenture
GMV
Concatel
Telefonica
Caser
Banco de España
kpmg
Mapfre
Randstad