Single Page App - Tylung/vue-apuntes GitHub Wiki

Navegación web tradicional

En una app web tradicional, le hace una solicitud inicial al backend para que traiga un sitio web ( archivo html ), despues el cliente puede hacer una interacción, como un posteo o navegar a otra pantalla, esa solicitud la responde el backend cuando se le solicita

• Full Page Refresh

SPA

De igual manera le hace una solicitud inicial y el servidor le responde con una pagina web, pero las spa usualmente vienen bien cargadas de archivos de Js, lo cual puede hacer más lenta la descarga, pero ese código de Js es lo suficientemente autónomo para que pueda reaccionar a lo que el cliente necesite, esto con la mínima interacción con el backend posible. Pero llega un punto en donde si o si se le tendrá que interactuar con el servidor.

Ventajas de los SPA

• Menor estrés al servidor
• Tras la primera carga, la experiencia se vuelve rápida y fluida
• Cargar archivos en la cache, con el fin de reducir las peticiones

Desventajas de los SPA

• Complejidad al implementar SEO ( search engine optimization )
• Un pequeño cambio puede ocasionar que se necesite hacer el build completo, para poder desplegar la aplicación
• Carga inicial pesada