6-4 Vue项目预热 – 单页应用VS多页应用
本文最后更新于 1424 天前,其中的信息可能已经有所发展或是发生改变。

多页面应用

每次页面跳转后端都会返回新的 html 文件

优点:

  1. 首屏时间快
    只经历了一个 http 请求
  2. SEO效果好
    搜索引擎能识别 html 文件的内容,而每个页面都是放在 html 文件之中,搜索引擎排名效果非常好。

缺点:

  1. 页面切换慢
    每次切换都会发起一个 http 请求,当网络比较慢的时候,网页之间进行跳转的时候就会出现明显的卡顿现象

单页面应用

页面之间进行跳转的时候,其实并不加载 html 文件,而是通过 js 动态的把页面的旧内容删除掉,新内容DOM结构渲染出来。

优点:

  1. 不需要做 html 文件的请求,就节约了 http 请求发送的时延,使页面的切换过程更快 。

缺点:

  1. 首屏时间慢 (首次需要进行一次 html 和 js 的 http 请求)
  2. SEO 差 (搜索引擎只认识 html 中的内容,不认识 JavaScript 中的内容,而单页面应用都是靠 js 渲染生成的,所有搜索引擎很难识别页面中的内容,就不会给网页一个很好的排名。)

为什么还使用 vue 搭建单页面应用呢?

因为 vue 还提供了其他的技术,比如服务端渲染的技术,通过这些技术,可以完美的解决掉单页面中存在的问题,

标题:6-4 Vue项目预热 – 单页应用VS多页应用
地址:https://xiaodongxier.com/129.html
作者:王永杰
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇