diff --git a/src/lib/websocket/AutoReconnectWebSocket.ts b/src/lib/websocket/AutoReconnectWebSocket.ts
index ad4f33589..ab2820bb4 100644
--- a/src/lib/websocket/AutoReconnectWebSocket.ts
+++ b/src/lib/websocket/AutoReconnectWebSocket.ts
@@ -145,9 +145,8 @@ export default class AutoReconnectWebSocket {
 
     let count = 0
     while (!this.isOpen) {
-      count++
-
       const delay = this._getDelay(count)
+      count++
       await wait(delay)
 
       if (this.isOpen) break
diff --git a/src/lib/websocket/index.ts b/src/lib/websocket/index.ts
index b953de914..e1c1421e4 100644
--- a/src/lib/websocket/index.ts
+++ b/src/lib/websocket/index.ts
@@ -38,6 +38,12 @@ if (import.meta.env.MODE === 'development') {
   }
 }
 
+document.addEventListener('visibilitychange', () => {
+  if (document.visibilityState === 'visible') {
+    ws.connect()
+  }
+})
+
 export const wsListener = createWebSocketListener(ws)
 
 export const setupWebSocket = async () => {