SPA单页面应用和SSR服务端渲染的区别

一、什么是SPA单页面应用

概念：整个WEB项目只有一个页面，使用路由机制进行组件之间的切换

优点：客户端渲染、数据传输量小、减少服务器端压力、交互/响应快、前后端分离

缺点：首屏加载慢，对SEO不友好，不利于百度，360等搜索引擎收录快照

二、什么是服务端渲染SSR

概念：将组件或页面通过服务器端生成HTML字符串，再发送到浏览器端渲染

优点：对于SEO友好，首屏加载快

缺点：页面重复加载次数高，开发效率低，数据传输量大，服务器压力大

三、适合场景

SPA：对项目性能要求高、页面加载速度快、要求客户端渲染、对SEO要求低

SSR：对于项目SEO要求高，首次打开响应速度快

四、SPA顾虑

举例vue，vue-cli，典型的单页面应用，前后端分离，其实这个时候就应该考虑加快首页打开的速度。