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
El reproductor de video será cargado en breves instantes.

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 .

Recibe los últimos artículos de Programación y Sistemas

Suscríbete a la newsletter y recibe además un pack de bienvenida con nuestros mejores recursos.


En OpenWebinars trataremos tus datos para personalizar el servicio ofrecido, notificarte comunicaciones internas, noticias y ofertas de nuestros servicios, así como realizar analíticas de tráfico y datos de uso. Puedes revocar el consentimiento, ejercer tus derechos de acceso, rectificación, cancelación, oposición, limitación del tratamiento, portabilidad y supresión escribiéndonos a administracion@openwebinars.net.

Más información en la Politica de Privacidad

Relacionado

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

Frontend Developer Profesional

Frontend Developer Profesional

carrera

Incluye 17 cursos:

  • Curso de Polymer
  • Curso de React JS
  • Optimización Web en el Navegador

y 14 cursos más!

Duración: 63 horas y 33 segundos

Curso de Nuxt.js

curso

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

Estas son algunas de las empresas que ya confían en OpenWebinars

Profesores y profesionales

Nuestros docentes son profesionales que trabajan día a día en la materia que imparten

Conviértete en profesor de OpenWebinars