Firestore runTransaction调用执行缓慢，如何优化？

核心问题分析 #

当前实现依赖事务完成读-改-写流程，需要两次网络往返（读取文档+提交更新），且当answers数组较大时，整个文档的读写会带来额外带宽和处理开销，导致耗时增加。以下是针对性优化方案：

1. 替换事务为Firestore原子操作（最优方案） #

Firestore提供arrayUnion原子操作，可直接向数组添加元素，无需读取整个文档，且自动处理并发冲突。关键是重构数据结构，将嵌套数组改为对象映射，避免遍历数组的开销：

数据结构调整 #

将原answers数组改为以questionNumber为键的对象：

// 原结构
answers: [
  { questionNumber: 1, responses: [{user: "user1", answer: "A"}] },
  { questionNumber: 2, responses: [{user: "user2", answer: "B"}] }
]

// 优化后结构
answers: {
  "1": [{user: "user1", answer: "A"}],
  "2": [{user: "user2", answer: "B"}]
}

优化后的代码 #

import { doc, updateDoc, arrayUnion } from "firebase/firestore";

const giveAnswer = async(user, lobby, questionNumber, answer) => {
  const lobbyRef = doc(db, "lobbies", lobby.id);
  const newAnswer = { user: user.id, answer: answer };
  
  // 原子添加答案，不存在questionNumber时自动创建数组
  await updateDoc(lobbyRef, {
    [`answers.${questionNumber}`]: arrayUnion(newAnswer)
  });
}

该方案仅需一次网络请求，无需事务，性能提升最明显，同时保证并发安全。

2. 拆分数据到子集合（适合大流量场景） #

如果答题量很大，单个lobby文档可能变得过大，进一步影响读写性能。可将每个问题的答案单独存为子集合文档：

代码实现 #

import { doc, setDoc, arrayUnion } from "firebase/firestore";

const giveAnswer = async(user, lobby, questionNumber, answer) => {
  // 子集合路径：lobbies/{lobbyId}/questions/{questionNumber}
  const questionRef = doc(db, "lobbies", lobby.id, "questions", questionNumber.toString());
  const newAnswer = { user: user.id, answer: answer };
  
  // 合并更新：不存在则创建文档，存在则追加答案
  await setDoc(questionRef, {
    responses: arrayUnion(newAnswer)
  }, { merge: true });
}

此方案将数据分散到多个小文档，读写操作更轻量化，并发冲突概率更低，适合高协作人数的场景。

3. 保留原数组结构的事务优化（备选） #

如果无法修改数据结构，可优化事务逻辑减少不必要的开销：

• 仅读取answers字段（减少内存处理）
• 用findIndex替代find，直接定位索引修改

const giveAnswer = async(user, lobby, questionNumber, answer) => {
  const lobbyRef = doc(db, "lobbies", lobby.id);
  const newAnswer = { user: user.id, answer: answer };
  
  await runTransaction(db, async (transaction) => {
    // 仅获取answers字段
    const lobbySnapshot = await transaction.get(lobbyRef);
    const oldArray = lobbySnapshot.get("answers") || [];
    
    // 直接定位问题索引
    const questionIndex = oldArray.findIndex(obj => obj.questionNumber === questionNumber);
    
    if (questionIndex !== -1) {
      oldArray[questionIndex].responses.push(newAnswer);
    } else {
      oldArray.push({
        questionNumber: questionNumber,
        responses: [newAnswer]
      });
    }
    
    transaction.update(lobbyRef, { answers: oldArray });
  });
}

但此方案仍依赖事务，性能提升有限，仅作为无法修改结构时的妥协方案。

内容的提问来源于stack exchange，提问作者ErenKoc