小白理解-单页面应用与多页面应用的区别

单页面应用：

优点：页面切换速度块。

原因：比如vue 页面之间的跳转是通过进行跳转，这是通过前端路由进行跳转，实现原理为：js感知到跳转就会清除掉当前页面，将新的页面渲染出来，这里页面切换的速度要比多页面请求一个http要快的多。

缺点：但是单页面的首屏比较慢、SEO比较差。

原因：因为需要同时请求html和js，两个请求都回来首屏才会展示出来。搜索引擎优化速度比较差，它只认html中的内容，但是单页面都是靠js渲染出来的，所以在搜索引擎中排名比较差。

多页面应用：

优点：首屏时间快。

原因: 访问一个页面，服务器给我们一个html，所以页面就会展示出来，这个过程只经历了一个http的请求，所以页面展示的速度会非常快。搜索引擎优化排名非常好，搜索引擎给网页进行排名的时候需要根据内容给网页权重来进行排名，搜索引擎可以识别html，每个网页都放在html中，所以SEO，排名非常好。

缺点:切换速度慢。

原因：因为每次切换一个网页都需要发送一个http的请求，网络比较慢的时候，在多个页面之间进行切换的时候就会出现卡顿的情况。