Firebase 如何避免在预加载web应用程序时显示所有按钮？

当我加载我的web应用程序时，登录和注销按钮都会显示1-2秒，然后只有一个按钮保持不变。我该如何摆脱1-2秒的时间，即两个按钮都显示，而最初只有一个按钮显示

Index.html：

<div id="signin" class="Signin-div">
  <button onclick="login()">Sign In</button>
</div>
<div id="signout" class="signout-div">
  <button id="signout" onclick="signOut()">Log Out</button>
</div>

登录
注销

firebase.auth（）.onAuthStateChanged（函数（用户）{
如果（用户）{
//用户已登录。
console.log（“用户登录”）；
document.getElementById（“签出”）.style.display=“初始”；
}否则{
//没有用户登录。
console.log（“用户注销”）；
document.getElementById（“signin”）.style.display=“initial”；
}
});

firebase.auth().onAuthStateChanged(function(user) {
  if (user) {
    // User is signed in.
    console.log("User Signed in");
    document.getElementById("signin").style.display = "none";
    document.getElementById("signout").style.display = "initial";
  } else {
    // No user is signed in.
    console.log("User Signed out");
    document.getElementById("signin").style.display = "initial";
    document.getElementById("signout").style.display = "none";
  }
});