SPA
什么是SPA
SPA单页面应用,是一种网络应用模型,其特点在于整个网站由一个html页面构成
传统的网站,不同页面之间的切换是直接从服务端加载新的页面,而在SPA中,页面之间的切换是通过动态地重写页面发生变化地部分来实现与用户的交互,避免过多的数据交换,响应速度相对较高
常见的SPA框架有:Angular, React, Vue
优点
页面之间切换较快
减轻了服务端压力
缺点
首屏打开速度较慢,因为首次加载需要下载SPA框架和应用程序的代码再渲染页面
不利于SEO搜索引擎优化
SSR
SSR即服务端渲染,是将SPA应用打包到服务器上,在服务器上渲染出html发送到浏览器,这样的html页面还不具备交互能力,所以还需要与SPA框架配合,在浏览器上混合成可交互的应用程序
常见的SSR框架有:React-Next, Vue-Nuxt
优点
首屏加载较快,不用等待所有的js代码下载完毕,浏览器就能显示比较完整的页面
利于SEO,可以将SEO的关键信息直接在后台就渲染成html,而保证搜索引擎的爬虫都能爬取到关键数据
缺点
服务端压力较大
开发调试会比较麻烦
服务端渲染结果可能和浏览器端不一致