多页应用和单页应用的区别

281 阅读1分钟

多页应用

每一次页面的跳转,后台服务器都会返回一个新的HTML文档,这样的网站我们称之为多页网站,也叫多页面应用

简单来说,多页应用是通过http请求来跳转页面。

优点:首屏时间快,既页面首个页面展现出来的时间短;SEO效果好。

缺点:页面切换慢,因为每一次跳转页面都要发送一次http请求,假设网络非常慢,则跳转的时候会出现卡顿的情况。

单页应用

每一次页面跳转,不会出现新的HTML文档,但页面会跟着改变。

原因是JavaScript会感知到页面UIL的变化,感知到变化之后,将当前页面的内容清除,然后挂载上下一个页面的内容。

也就是说,单页应用是通过JS渲染来跳转页面。

优点:页面切换快,不需要加载HTML文件,减少http请求、发送的时延。

缺点:首屏时间稍慢,因为需要发送一个http请求和js请求,当两个请求都返回时,首屏才可以展示;SEO效果差。

我们用Vue写出来的页面其实就是单页面应用。