我认为我应该使用服务器端渲染（SSR）来缩短加载时间

• 我正在用react和firebase制作todo app，我在firestore中存储数据，用户登录后出现问题，应用程序将知道用户ID，并将显示用户存储的数据和用户ID。在应用程序启动和刷新时，当React UI就绪但用户数据未就绪时。我可以通过添加加载状态进行测试应用程序中，但我不想要。我想要类似localStorage应用程序（数据无延迟）的用户体验。我需要知道我是否需要一些后端代码或SSR*

useEffect(() => {
onAuthStateChanged(auth, (user) => {
  if (user) {
    setUser(user);
    setUserId(user.uid);
    const q = query(
      collection(db, "users/" + user.uid + "/todos"),
      orderBy("timeStamp", "desc")
    );

    onSnapshot(q, (snapshot) => {
      settodos(
        snapshot.docs.map((doc) => ({
          id: doc.id,
          ...doc.data(),
        }))
      );
      console.log("data rendered");
    });
    // return () => unsub()
  }

Screenshot Network tab ( 1.3s dalay)