单页应用vs多页应用

先来看多页应用

拿b站来看:

当我们第一次刷新页面,返回了b站的主页,

然后点进番剧模块:

发现又返回了一个番剧页面,

这个时候我们点回退

发现又返回了一个主页,

也就是说我们每一次跳转页面的时候,后台服务器2都会给我们返回一个新的html文档,这种网站就是多页面应用

优点:

首屏时间(页面首个页面内容展现的时间)非常快,这是因为只需要一个http请求,请求完毕,就可以展示出来了;

SEO(搜索引擎优化效果)非常好,搜索引擎在做网页排名的时候是根据网页内容来的,而我们所有的内容都是放在html里面的,所以多页应用的搜索引擎排名技术是非常好的

缺点:

当然就是慢啦,当你网速不好,每跳转一个页面就需要发送一个http请求,就会有卡顿出现

单页应用:

先在原来的基础上加一个跳转页面:

第一次进入页面的时候:

然后把信息清除

再点击列表页

再返回

发现都没有新的dom元素

这是因为我们用Vue写出来的页面是一个单页应用

原理是这样的:js会感知到你url的变化,感知到url发生变化之后,js就可以动态的把当前页面的内容清除掉,再把一下一个页面的内容挂载到页面上,所以这个路由不是由后端来做了,是由前端来做,所以在每次跳页的时候就不会请求html文件了

SEO差的原因是因为页面中的内容都是靠js渲染出来了,在百度或者goole这样的搜素引擎当中,排名会比较差,

但是为什么我们还是要用Vue来去写单页面应用呢?

其实Vue还提供了一些其他技术能完美解决这些问题,所以再解决了这些问题之后,单页面应用就显得很好了

猜你喜欢

转载自blog.csdn.net/VVVZCS/article/details/82428724