javascript - Vercel 在 Google Firebase 中导致高读取和活动连接

Question

我有一个使用 Nextjs 构建并托管在使用 Firebase 存储数据的 Vercel 上的网络应用程序。目前我收集了 33 个文档，它们都有 17 个字段。然后我有一个函数可以在用户登陆索引页面时获取所有这些记录。

我获取数据的代码是：

const getData = async () => {
  const q = query(collection(firestore, "data"), where("published", "==", true));
  const querySnapshot = await getDocs(q);
  return querySnapshot.docs.map(doc => ({id: doc.id, ...doc.data()}))
}

但是，每当我刷新页面以获取数据时，我的使用情况选项卡都会显示一个巨大的峰值： 图像显示刷新页面时的使用峰值

我只是不明白一个负载如何导致 2.5k 读取和 19 个活动连接。这是正常的吗？没有其他人同时使用该应用程序，因为它尚未公开。

我真的不知道如何开始调试问题，所以欢迎所有建议！

编辑：我已将问题缩小到部署在 Vercel 上的实时应用程序。在本地主机中浏览我的应用程序时，高读取/活动连接不是问题。

标签： javascriptfirebasegoogle-cloud-firestorevercel