Una web SPA o single page application se refiere a una 

forma de desarrollo web en

la que la página web está contenida en un único archivo. De esta forma, se carga
todo en HTML y, mientras naveguemos por la página, irá solicitando el contenido al
servidor via ajax. Es decir, todo el contenido html, css y javascript de la página
web al completo se carga una primera vez y nada más. De esta forma se mejoran
los tiempos de respuesta y, por consiguiente, la experiencia de usuario.

Diferencias entre Multipage Applications y Single

Page Applications
Hasta ahora, lo normal a la hora de desarrollar una web, era diseñarla como una
multipage application (MPA o también conocido como page redraw).

Vamos a ver las diferencias que hay entre una multipage vs una single page.
Una MPA consiste en que cada vez que visitemos una página específica de una
web se cargará desde cero. Mientras que en las SPA, al visitar la página por
primera vez se cargará completamente su estructura y, cada vez que pinchemos
en el enlace, sólo solicitaremos al servidor el contenido ya que html, css y javascript
están ya cargados.

La gran diferencia, entonces, entre una multipage application y una single page
application es a la hora de navegar por la página web. Mientras que con una SPA, por
cada enlace dentro de la web solo se cargará el contenido, que es lo que nos envía el
servidor vía ajax; con una MPA se cargará todo desde cero.

Varias vistas en lugar de varias páginas

En una SPA tenemos una única página pero contaremos con diferentes
vistas. Cuando hablamos de vistas, nos referimos a los distintos apartados de
nuestra web, es decir, como una pantalla en una aplicación de escritorio. Así que, en
esta misma página, se irán intercambiando distintas vistas, dando la sensación de que
visitamos varias páginas, aunque en realidad estemos todo el rato ante la misma
página pero con diferente vista. Un ejemplo sencillo sería nuestro servidor de correo,
que cuenta con una página de login pero una vez dentro, cada vez que cargamos un
correo distinto será distinta vista pero la misma página.

De todos modos, aunque sea la misma página, la url podrá cambiar sin

problemas según cambiemos de vista/página, ya que la clave para que sea una
SPA es que esta vista/página nunca se recargará. Es más, es muy importante, de
cara a tener una estructura clara de la web, que las url cambien también aunque se
haya desarrollado con una SPA, para poder navegar de forma más eficiente por la
misma.

En qué lenguaje de programación se hacen las

SPA
Una SPA se creará siempre en Javascript. Ya que, al ser una aplicación web
ejecutada del lado del cliente, no hay otro lenguaje que pueda hacer eso. A esto habrá
que sumarle, lógicamente, el HTML y CSS.

Dentro de Javascript, contaremos con multitud de librerías y frameworks que nos

facilitarán el desarrollo de las SPA. Algunas de las más usadas son:

 AngularJS
 Angular
 VUE
 React
 EmberJS
 Polymer

Biografia: https://www.incentro.com/es-es/blog/stories/que-es-web-simple-page-applications/