Javascript 为什么我的第二个firebase要比第一个花费更多的时间？

我有一个Nuxt应用程序，我正在将firebase应用程序实现智能化。在那之后，我有一个页面，在那里我加载了一些数据和一些查询。看起来是这样的：

  if (this.api.configs && this.api.configs.dynamic_rule) {
    console.log("inside if " + (Date.now() / 1000))
    this.unsubscribe = await this.api
      .configs
      .dynamic_rule
      .getQuery()
      .onSnapshot((snapshot) => {
        console.log("got data " + (Date.now() / 1000))
        let changes = snapshot.docChanges()
        // Checking if it's just rule activation
        if (changes.length !== 1 || changes[0].type !== "modified") {
          this.initialize(snapshot)
        }
      })

这个查询只带来了firebase中的3条简单记录

当我第一次进入页面时，我的查询运行了大约300毫秒

之后，每次刷新页面时，我的查询都会运行~4s

我可以从控制台上看到它

如果我直接从浏览器控制台运行相同的查询，它总是运行得很快

有人知道我做错了什么吗？

---

（我知道冷启动问题，但这是一种热启动）

请不要多次重复相同的问题。如果您有其他信息可以使您的问题更加集中，请将其编辑到。我就是这么做的，但请取消阻止它