【问题标题】:nuxt-link slower than anuxt-link 比 a 慢
【发布时间】:2019-07-21 10:18:01
【问题描述】:

我认识到使用 nuxt-link 在我的网站上旅行的加载时间是通过 标签旅行的两倍(与初始页面视图相比)。我的测试计算机比我的服务器强大得多,所以使用 nuxt-link 不应该更快吗?

下面是一个测试示例。

我的问题:

  • 有谁知道它为什么变慢或如何加快速度?
  • 如果没有,是否可以通过 nuxt config 呈现普通的 而不是 nuxt-link?
  • 如果 nuxt-link 速度较慢,我应该继续使用 nuxt-link 还是切换到

测试它:

快速加载:

加载缓慢:

【问题讨论】:

  • 如果你告诉我是对 api 服务器的请求,我只在 asyncData 方法中使用一个 api 调用来进行初始页面加载。因此,这不应该是加载时间增加的原因。
  • DevTools 中的网络面板显示“加载缓慢”初始页面正在加载一堆文件,这需要几秒钟。当您单击主页的快捷方式时,这些文件仍在被获取。如果您等待初始页面在点击首页之前完全下载,您会看到首页的加载时间与“快速加载”大致相同。

标签: vue.js nuxt.js


【解决方案1】:

@tony19 是对的。我用 js 执行的“预加载”在更改后仍在运行。这就是加载缓慢的原因。

【讨论】:

    【解决方案2】:

    发现<img />的加载太慢,导致nuxt-link 也很慢。可能是vue-router的问题

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2022-11-16
      • 2021-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-10-16
      • 2021-08-09
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多