本文最后更新于 1592 天前,其中的信息可能已经有所发展或是发生改变。
多页面应用
每次页面跳转后端都会返回新的 html 文件
优点:
- 首屏时间快
只经历了一个 http 请求 - SEO效果好
搜索引擎能识别 html 文件的内容,而每个页面都是放在 html 文件之中,搜索引擎排名效果非常好。
缺点:
- 页面切换慢
每次切换都会发起一个 http 请求,当网络比较慢的时候,网页之间进行跳转的时候就会出现明显的卡顿现象
单页面应用
页面之间进行跳转的时候,其实并不加载 html 文件,而是通过 js 动态的把页面的旧内容删除掉,新内容DOM结构渲染出来。
优点:
- 不需要做 html 文件的请求,就节约了 http 请求发送的时延,使页面的切换过程更快 。
缺点:
- 首屏时间慢 (首次需要进行一次 html 和 js 的 http 请求)
- SEO 差 (搜索引擎只认识 html 中的内容,不认识 JavaScript 中的内容,而单页面应用都是靠 js 渲染生成的,所有搜索引擎很难识别页面中的内容,就不会给网页一个很好的排名。)
为什么还使用 vue 搭建单页面应用呢?
因为 vue 还提供了其他的技术,比如服务端渲染的技术,通过这些技术,可以完美的解决掉单页面中存在的问题,